2016年12月22日
VUE 入门基础(5)
摘要： 五，Class 与 Style 绑定 绑定HTML class 对象语法 我们可以传给v-bind:class 一个对象，以动态的切换class 上面的语法表示 classactive 的更新将取决于数据属性 isActive 是否为真 。 渲染为： <div class=’static activ 阅读全文
posted @ 2016-12-22 17:20 柠檬先生 阅读(966) 评论(0) 推荐(0) 编辑
VUE 入门基础(4)
摘要： 四，计算属性 基础例子 声明了一个计算属性 reversedMessage 。我们提供的函数将用作属性 vm.reversedMessage 的 getter 计算缓存 注意到我们可以通过调用表达式中的method来达到同样的效果： 计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才 阅读全文
posted @ 2016-12-22 15:05 柠檬先生 阅读(484) 评论(0) 推荐(0) 编辑
VUE 入门基础(3)
摘要： 三，模板语法 Vue将模板编译成虚拟DOM渲染函数，结合响应系统，在应用状态改变时，vue能够智能地计算出重新渲染组件的最小代价并DOM操作上。 插值，文本 数据绑定常见的形式就是使用“Mustache”语法（双大括号）的文本插值： 通过使用v-once 指令执行一次性的插入值，当数据改变时，插值处 阅读全文
posted @ 2016-12-22 11:07 柠檬先生 阅读(713) 评论(0) 推荐(0) 编辑
2016年12月21日
VUE 入门基础(2)
摘要： 二，起步 引用方式可以使用 vue-cli 声明式渲染 在DOM元素上绑定属性 v-bind 属性被称为指令，指令带有前缀 v-,以表示他们是Vue.js 提供的特殊属性。 条件与循环 控制切换一个元素的显示也相当简单： 绑定数据到数组来渲染一个列表 处理用户输入 用v-on 指令绑定一个监听事件用 阅读全文
posted @ 2016-12-21 17:26 柠檬先生 阅读(505) 评论(0) 推荐(0) 编辑
VUE 入门基础(1)
摘要： 一，安装 Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。 npm 在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如 Web 阅读全文
posted @ 2016-12-21 15:45 柠檬先生 阅读(544) 评论(0) 推荐(0) 编辑
常用正则表达式
摘要： 一， 1.^\d+$ //匹配非负整数（正整数 + 0） ^:以数字开头 +:之前紧邻出现的一次或多次 2.[0-9]*[1-9][0-9]*$ //匹配正整数 3.^((-\d+)|(0+))$ //匹配非正整数（负整数 + 0） ()：作用范围 -\d+：负数 |:或 0+ 一个或多个0 4.^ 阅读全文
posted @ 2016-12-21 10:47 柠檬先生 阅读(210) 评论(0) 推荐(0) 编辑
git 常用命令
摘要： git status 查看工作区和暂缓区状态git add 将工作区放入暂缓区git commit 将暂缓区放入 版本区git add 把修改过的文件全部提交到暂缓区git commit -m “提交时写备注” 不弹文档git commit -a -m “提交时写备注” 直接把工作区提交到版本区gi 阅读全文
posted @ 2016-12-21 10:42 柠檬先生 阅读(152) 评论(0) 推荐(0) 编辑
JavaScript 常用算法
摘要： 1.排序算法 (1)冒泡排序，冒泡排序其实就是通过比较相邻位置的元素大小，如果左边比右边大，就交换位置，继续比较，实际上就是每轮比较都得出一个最大值，然后通过多伦比较得出。 (2)快速排序，我们选定一个数，然后比它小的都放在它左边，大于等于它的都放在它右边，那么这个时候对这个数来讲他的位置已经排到了 阅读全文
posted @ 2016-12-21 10:37 柠檬先生 阅读(255) 评论(0) 推荐(0) 编辑
SVG 使用
摘要： SVG即Scalable Vector Graphics可缩放矢量图形，使用XML格式定义图形， 主要优势在于可缩放的同时不会影响图片的质量。 SVG 在html 中常用的方法 1.使用<img>元素来嵌入SVG图像 2.将SVG图像作为背景图像嵌入 3.使用svg元素，通过代码将SVG图像嵌入到H 阅读全文
posted @ 2016-12-21 10:16 柠檬先生 阅读(1788) 评论(0) 推荐(0) 编辑
移动前端头部标签(HTML5 meta)
摘要： 在移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码 <!DOCTYPE html> 使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’utf-8′> 声明文档使用的字符 阅读全文
posted @ 2016-12-21 10:13 柠檬先生 阅读(2132) 评论(0) 推荐(0) 编辑
开发常用小demo 整理
摘要： pc懒加载 https://github.com/ningmengxs/Lazy_loading 元素滑动 js 效果 https://github.com/ningmengxs/element-_sliding 移动端刷新加载 js 效果 https://github.com/ningmengxs 阅读全文
posted @ 2016-12-21 10:03 柠檬先生 阅读(280) 评论(0) 推荐(0) 编辑
vue-cli#2.0 webpack 配置分析
摘要： 目录结构： ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── webpack.base.conf.js 阅读全文
posted @ 2016-12-21 09:01 柠檬先生 阅读(2867) 评论(1) 推荐(1) 编辑
2016年6月8日
Reactjs 入门基础(三)
摘要： State 和 Props以下实例演示了如何在应用中组合使用 state 和 props 。我们可以在父组件中设置 state， 并通过在子组件上使用 props 将其传递到子组件上。在 render 函数中, 我们设置 name 和 site 来获取父组件传递过来的数据。 Props 验证 Pro 阅读全文
posted @ 2016-06-08 17:11 柠檬先生 阅读(492) 评论(1) 推荐(1) 编辑
2016年6月6日
Reactjs 入门基础(二)
摘要： 如果我们需要向组件传递参数，可以使用 this.props 对象,实例如下： 注意，在添加属性时， class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。 如果我们需要向组件传递参数，可以使用 t 阅读全文
posted @ 2016-06-06 10:53 柠檬先生 阅读(353) 评论(0) 推荐(1) 编辑
2016年6月2日
Reactjs 入门基础(一)
摘要： 实例中我们引入了三个库： react.min.js 、react-dom.min.js 和 browser.min.js： 1，react.min.js -React 的 核心库 2，react-dome.min.js - 提供与DOM 相关的功能。 3，browser.min.js 用于将JSX 阅读全文
posted @ 2016-06-02 16:27 柠檬先生 阅读(1409) 评论(0) 推荐(2) 编辑