桑甚姑娘

摘要： 上传页面采用了layui 的上传模块，要实现的功能：选择文件后 点击文件名，页面中间弹窗内预览图片，先看效果图： 预览功能的实现具体有2种方式：第一种是用blob+FileReader，第二种是layUI自带的。 1. 用layUI 自带的参数实现图片预览： See = function(index 阅读全文

摘要： 1. $.ajax() 是jquery通用的一个ajax 封装，语法：$.ajax( 选项 ) , 选项是一个对象 常用参数： 声明一个变量获取phone值：var xPhone = $('#xPhone').val(); $.ajax({ url：“a.php” ("/api/ser"), //发 阅读全文

摘要： 简介：Mint-UI是饿了么出品的基于vue的移动端组件库（element-ui是桌面端） 官网：http://mint-ui.github.io/docs/#/zh-cn2 项目环境：vue-cli + webpack 1. 首先安装mint-ui，这里用npm的方式安装 npm install 阅读全文

摘要： 官网：https://www.echartsjs.com Echarts：百度出品的一个纯javascript图表库，兼容大部分浏览器，底层依赖轻量级的canvas类库ZRende。 目前最新版是v4.x，支持近20类的图表（折线图、柱状图、饼图、散点图、雷达图、树图、k线图、地图、仪表盘等等）。 阅读全文

摘要： webpack： JavaScript 应用程序的静态模块打包器 安装webpack前需要搭建node环境： 1. 安装node.js(https://nodejs.org/en/), 安装完后会自动生成 npm 包管理器 2. 测试node环境 运行命令 node -v , npm -v 然后开始 阅读全文

摘要： 1. 继承: @extend sass允许一个选择器，继承另一个选择器，通过@extend实现 注意：class2不仅会继承class1自身的所有样式，任何跟class1有关的组合选择器的样式也会被class2以组合选择器的形式继承 不要使用后代选择器 (.foo .bar) 去继承css规则 使用 阅读全文

摘要： 1. 变量：SASS允许使用变量，所有变量以$开头。 变量声明：$highlight-color: #000; 注意：变量可以在css规则块定义之外存在。如下例子： 变量引用：css生成时，变量会被他们的值替代，以后只需要改变这个变量的值，所有引用变量的地方的值都会改变。 变量名用中划线还是下划线： 阅读全文

摘要： 1. 什么是Sass ??? Sass是一个将脚本解析成CSS的脚本语言，也可以称为CSS扩展语言。 2. 安装： 第一步：先安装Ruby (sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby mac下自带Ruby无需在安装Ruby!) 安装过程中请注意勾选Add Ruby exe 阅读全文

摘要： 前言：最近在做Vue实现去哪网，想要实现在城市列表页面，点击某个城市的时候，主页的头部的城市会随着改变，就是首页和城市页面有共用的数据要分享，这里使用Vuex 1. Vuex是什么？ 是Vue官方推荐的数据框架，就是单向数据的改变流程 Vuex的设计理念：当项目中需要多个组件的复杂传值困难时，如果把 阅读全文

摘要： 上一篇讲过css动画transform transition的语法，这一节展示自己做的几个小例子加深印象 1. 线条动画效果 代码：最外层div包含2个小的div : a和b. a有左右边框(高度变化)， b有上下边框（宽度变化）, 默认不显示，鼠标移上去时，a的高度和b的宽度发生变化，交叉效果 2 阅读全文