摘要： var dom = document.getElementById('canvasItem'), ctx = dom.getContext('2d'); //坐标位置默认基于 浏览器窗口(0,0),此时居中，基于 当前坐标系 //x轴 向右，y轴向下 ctx.beginPath(); ctx.moveTo(100,350); //只是将坐标移到某点 ... 阅读全文

摘要： （一） 处理普通的.css 文件，需要安装 css-loader,style-loader .less 文件，需要安装 less-loader .sass 文件，需安装 less-loader (二） 在项目中，我们会遇到 不同浏览器，前缀不同。比如 display: flex ，在IE以及谷歌下前 阅读全文

摘要： 查询各个 loader的使用，可以在官网上查询。 https://www.npmjs.com （一）安装 babel-loader，babel-core。 使用命令 因为ES6语法每年都在更新，因此，我们需要一定的规则去转换。 （二） 首先按照如下层级建立相应文件 将测试用的ES6代码放在 app. 阅读全文

摘要： （一）使用webpack 根据模板生成HTML，首先需要安装插件 html-webpack-plugin。 在工程文件夹安装插件 命令如下： (二） 新建 webpack.config.js，名称可以更改，更改后 运行时，需指定 配置文件名称。 例如，配置文件名为 my.webpack.config 阅读全文

摘要： 在webpackDemo 文件夹中新建 style.css，index.html style.css 中将背景色设为红色。 he'llWorld.js 运行命令，会报错，如下图： 这是因为没有 css解析器的原因，需要安装 style-loader、css-loader. 命令如下 然后，将requ 阅读全文

摘要： （一）webpack的安装 webpack是基于node.js，因此需要安装node.js。 安装好node.js 后，全局安装webpack，命令如下 如果只希望在指定文件夹下局部安装，命令如下。 安装好后，使用如下命令查看版本号，检测是否安装成功。 （二）webpack Demo1 复制文件 w 阅读全文

摘要： 这个Demo 相关JS： Sea.js : Version 2.3.0 seajs-text : Version 2.3.0 vue.js : Version 1.0.24 vue-router: Version 0.7.10 jquery: Version 1.0.24 特别是 seaj-text 阅读全文

摘要： 使用grunt 之前，需要做一些基本工作。 1、在E盘 新建空文件夹 grunt。 2、在grunt目录下新建package.json 文件，用了存储 npm模块的依赖项。基本依赖块代码如下： 2、启动命令行：进入E盘，下载相关的js文件包。 这时候会根据package.json里的代码下载相关的g 阅读全文

摘要： Grunt和所有grunt插件都是基于nodejs来运行的，因此，必须安装node.js。 （一） 去官网http://nodejs.org/ 下载安装包 node-v6.9.2.msi，直接点击安装。 windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，默认路 阅读全文

摘要： （一） new一个Vue对象的时候，可以设置它的属性，其中最重要是三个，分别是 data,,methods,watch. （二）模板指令 1、数据渲染 ：v-text,v-html, {{}} 2、控制模块隐藏： v-if,v-show 3、渲染循环列表： v-for 4、事件绑定 v-on 5、属 阅读全文