2017年4月5日
webpack2使用ch4-向根目录index.html文件传参并使用参数 使用线上资源 压缩html
摘要： 1 webpack.config.js 2 根目录 index.html 这里的.html同.ejs模板一样，可以使用js语法 <%= %> <% %> 、let in 、循环等 3 编译 可以看到压缩、传参、 header body不同地方引入js、(线上)都以实现 阅读全文
posted @ 2017-04-05 21:54 Jesonhu 阅读(1104) 评论(0) 推荐(0) 编辑
webpack2使用ch3-自动化生成.html和内部引入的js自动更改
摘要： 1 安装webpack插件 $ cnpm install html-webpack-plugin --save-dev 安装成功后 2 由于之前 dist/目录下,编译后的.html和.js会混在一起，不便于查看，我们根据类型分割放置位置 3 编译 根目录下的模板 编译后 阅读全文
posted @ 2017-04-05 21:43 Jesonhu 阅读(1977) 评论(0) 推荐(0) 编辑
webpack2使用ch2-entry和output简要说明
摘要： 1 entry打包入口 打包字符串和数组 1.1 打包 2 打包对象时 或者格式为 每次编译不管是否修改文件名都会变 阅读全文
posted @ 2017-04-05 21:29 Jesonhu 阅读(337) 评论(0) 推荐(0) 编辑
webpack2使用ch1-目录说明
摘要： 1 目录解释 webpack.config.js:配置文件,配置文件可以改成其他名，但package.json --config文件名称也要对应修改 2 webpack.config.js 3 package.json "scripts"里面配置了一个快捷键 “webpack” 值是这个快捷键的操作 阅读全文
posted @ 2017-04-05 21:06 Jesonhu 阅读(195) 评论(0) 推荐(0) 编辑
2017年4月4日
less使用ch1--简单使用
摘要： 1 ku.less 2 a.css 3 主 less 阅读全文
posted @ 2017-04-04 23:17 Jesonhu 阅读(196) 评论(0) 推荐(0) 编辑
less使用ch1--认识语法
摘要： @charset "utf-8"; //注释------------------------------ /*我是可以被编译出来的*/ //不能被编译出来 //变量------------------------------------- @test_width: 300px; .div{ width:@test_width; } //混合 .border{ border:1px... 阅读全文
posted @ 2017-04-04 23:14 Jesonhu 阅读(188) 评论(0) 推荐(0) 编辑
vue2购物车ch4-(筛选v-for 点击的那个设置样式 设为默认地址其他 联动 非循环的列表选中和非选中 删除当前选中的列表)
摘要： 1 address.html 2 address.js 3 效果展示 4 总结 4.1 默认显示指定条数的v-for列表循环 1:循环的时候就通过使用过滤器控制显示的条数 2：点击"more"时让控制条数的变量等于数组总长度 4.2 点击的某个循环列表指定样式 .xxx 1: 先定义一个变量 cur 阅读全文
posted @ 2017-04-04 19:26 Jesonhu 阅读(324) 评论(0) 推荐(0) 编辑
gulp使用2-gulp-less及watch和错误提示
摘要： gulpfile.js //除了test.less和reset.less（**匹配src/less的0个或多个子文件夹） 异常处理 当编译less时出现语法错误或者其他异常，会终止watch事件，通常需要查看命令提示符窗口才能知道，这并不是我们所希望的， 所以我们需要处理出现异常并不终止watch事 阅读全文
posted @ 2017-04-04 11:28 Jesonhu 阅读(993) 评论(0) 推荐(0) 编辑
gulp使用1-入门指南
摘要： 入门指南 1. 全局安装 gulp： 2. 作为项目的开发依赖（devDependencies）安装： 3. 在项目根目录下创建一个名为 gulpfile.js 的文件： 4. 运行 gulp： 默认的名为 default 的任务（task）将会被运行 阅读全文
posted @ 2017-04-04 11:24 Jesonhu 阅读(128) 评论(0) 推荐(0) 编辑
vue2购物车ch3-(过滤器使用 单件商品金额计算 全选全不选 总金额计算 删除商品功能)
摘要： 1 index.html 2 cart.js 3 自己理解 阅读全文
posted @ 2017-04-04 00:24 Jesonhu 阅读(279) 评论(0) 推荐(0) 编辑
Top