摘要：
VueJs是一个轻量的MVVM框架，结合它的vue-router和vue-resource能简单高效地创建单页面应用，安装vue-cli能快速的帮助我们创建基于webpack或其他工具的vue模板，不需要为webpack的配置烦恼。而且实现项目的组件化和模块化。 阅读全文
摘要：
一、Deferred对象 对于不能马上得出结果的操作，比如ajax操作、animate动画等等，往往需要指定回调函数来进行后续工作，deferred就是jQuery针对回调函数的解决方案，所有操作都能用defferd对象指定回调函数 1、比如，让el元素依次进行动画（右移、左移、宽度缩小），下一个动 阅读全文
摘要：
一. 字符串扩展 1. unicode表示的改进 es5支持unicode表示字符，限于\u0000--\uFFFF之间的字符，超出范围的字符用双字节形式表达 es6将码点放进大括号 2. 字符串遍历（for...of） 3. 字符串查找includes、startsWith、endsWith es 阅读全文
摘要：
在慕课网上看到有这个canvas教程就试着自己先画一画，绘制上很简单，难点在于钟表上的刻度涉及数学的几何原理，突破点就是Math.sin()和Math.cos()这两个JavaScript函数，以及要注意canvas.save()、canvas.restore()的使用。 阅读全文
摘要：
记录自己曾经忽视掉的一些css规则或小窍门 阅读全文
摘要：
gulp的各类插件的使用，gulp-clean清除文件夹、gulp-minify-css压缩css、gulp-uglify压缩js、gulp-rev添加MD5后缀并生成相应json文件、gulp-rev-collector获取资源的版本来修改html的引用路径、browser-sync浏览器自动同步 阅读全文
摘要：
仅仅使用原生的touch系列事件开发对用户体验非常不好，在开源社区里有很多用于增强touch事件或手势的库，Hammer.js属于轻量级的框架，而且不依赖任何库，支持几乎所有常见手势，包括：tap、doubletap、swipe、drag、pinch、release、transform等等，提供了很多有用的关于手指的属性 阅读全文
摘要：
一. 拖放API 1. 检测浏览器是否支持拖放功能：（IE10以下不支持HTML5拖放功能）（或者使用Modernizr特性检测库的Modernizr.draganddrop属性） 2, draggable="true"自定义样式 3,拖放事件（dragstart,dragenter,dragove 阅读全文
摘要：
一. 语言特性 1, 变量（变量只定义一次，本质就是常量） 在代码中，同一个值经常重复出现多次，比如网站定下的基础颜色，字体大小，很多地方都要使用。将常用的值定义在一个地方，方便修改。 变量除了在css属性值里使用，还能用于选择器，属性名，URL，@import 选择器: @mySelector: 阅读全文
摘要：
一. 安装 1. 安装nodeJS 2. npm install gulp -g（全局安装gulp） 3. 进入项目 npm init （新建package.json） npm install --save-dev gulp （安装gulp） npm install --save-dev gulp- 阅读全文