摘要: 上传页面采用了layui 的上传模块,要实现的功能:选择文件后 点击文件名,页面中间弹窗内预览图片,先看效果图: 预览功能的实现具体有2种方式:第一种是用blob+FileReader,第二种是layUI自带的。 1. 用layUI 自带的参数实现图片预览: See = function(index 阅读全文
posted @ 2019-05-14 18:06 桑甚姑娘 阅读(3470) 评论(0) 推荐(0) 编辑
摘要: 1. $.ajax() 是jquery通用的一个ajax 封装,语法:$.ajax( 选项 ) , 选项是一个对象 常用参数: 声明一个变量获取phone值:var xPhone = $('#xPhone').val(); $.ajax({ url:“a.php” ("/api/ser"), //发 阅读全文
posted @ 2019-05-12 22:22 桑甚姑娘 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 简介:Mint-UI是饿了么出品的基于vue的移动端组件库(element-ui是桌面端) 官网:http://mint-ui.github.io/docs/#/zh-cn2 项目环境:vue-cli + webpack 1. 首先安装mint-ui,这里用npm的方式安装 npm install 阅读全文
posted @ 2019-04-11 15:09 桑甚姑娘 阅读(5046) 评论(1) 推荐(0) 编辑
摘要: 官网:https://www.echartsjs.com Echarts:百度出品的一个纯javascript图表库,兼容大部分浏览器,底层依赖轻量级的canvas类库ZRende。 目前最新版是v4.x,支持近20类的图表(折线图、柱状图、饼图、散点图、雷达图、树图、k线图、地图、仪表盘等等)。 阅读全文
posted @ 2019-04-04 13:50 桑甚姑娘 阅读(375) 评论(0) 推荐(0) 编辑
摘要: webpack: JavaScript 应用程序的静态模块打包器 安装webpack前需要搭建node环境: 1. 安装node.js(https://nodejs.org/en/), 安装完后会自动生成 npm 包管理器 2. 测试node环境 运行命令 node -v , npm -v 然后开始 阅读全文
posted @ 2019-04-03 23:19 桑甚姑娘 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 1. 继承: @extend sass允许一个选择器,继承另一个选择器,通过@extend实现 注意:class2不仅会继承class1自身的所有样式,任何跟class1有关的组合选择器的样式也会被class2以组合选择器的形式继承 不要使用后代选择器 (.foo .bar) 去继承css规则 使用 阅读全文
posted @ 2018-11-18 21:56 桑甚姑娘 阅读(604) 评论(0) 推荐(0) 编辑
摘要: 1. 变量:SASS允许使用变量,所有变量以$开头。 变量声明:$highlight-color: #000; 注意:变量可以在css规则块定义之外存在。如下例子: 变量引用:css生成时,变量会被他们的值替代,以后只需要改变这个变量的值,所有引用变量的地方的值都会改变。 变量名用中划线还是下划线: 阅读全文
posted @ 2018-11-12 17:25 桑甚姑娘 阅读(1728) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是Sass ??? Sass是一个将脚本解析成CSS的脚本语言,也可以称为CSS扩展语言。 2. 安装: 第一步:先安装Ruby (sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby mac下自带Ruby无需在安装Ruby!) 安装过程中请注意勾选Add Ruby exe 阅读全文
posted @ 2018-11-12 15:39 桑甚姑娘 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 前言:最近在做Vue实现去哪网,想要实现在城市列表页面,点击某个城市的时候,主页的头部的城市会随着改变,就是首页和城市页面有共用的数据要分享,这里使用Vuex 1. Vuex是什么? 是Vue官方推荐的数据框架,就是单向数据的改变流程 Vuex的设计理念:当项目中需要多个组件的复杂传值困难时,如果把 阅读全文
posted @ 2018-09-09 22:07 桑甚姑娘 阅读(133) 评论(1) 推荐(0) 编辑
摘要: 上一篇讲过css动画transform transition的语法,这一节展示自己做的几个小例子加深印象 1. 线条动画效果 代码:最外层div包含2个小的div : a和b. a有左右边框(高度变化), b有上下边框(宽度变化), 默认不显示,鼠标移上去时,a的高度和b的宽度发生变化,交叉效果 2 阅读全文
posted @ 2018-08-15 22:29 桑甚姑娘 阅读(210) 评论(0) 推荐(0) 编辑