摘要: 系列教程《一步步带你做vue后台管理框架》第三课 github地址:vue-framework-wz 线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架 《一步步带你做vue后台管理框架》第二课:上手使用 《一步步带你做vue后台管理框架》第三课:登录功能 认证又称“验证”、 阅读全文
posted @ 2017-09-19 08:19 herozhou工巧 阅读(140304) 评论(22) 推荐(28) 编辑
摘要: 系列教程《一步步带你做vue后台管理框架》第二课 github地址:vue-framework-wz 线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架 《一步步带你做vue后台管理框架》第二课:上手使用 《一步步带你做vue后台管理框架》第三课:登录功能 闲扯再多不会用也没 阅读全文
posted @ 2017-09-11 12:40 herozhou工巧 阅读(49922) 评论(37) 推荐(23) 编辑
摘要: 系列教程《一步步带你做vue后台管理框架》第一课 github地址:vue-framework-wz 线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架 《一步步带你做vue后台管理框架》第二课:上手使用 《一步步带你做vue后台管理框架》第三课:登录功能 Features 阅读全文
posted @ 2017-09-04 12:31 herozhou工巧 阅读(177178) 评论(44) 推荐(58) 编辑
摘要: 先来运行一下webpack命令, 看到app.js才4k。 安装一下react 在app/index.js文件内引入react 运行webpack 看到我们的app.js文件竟然达到了100k。 因为app.js中包含了react的大量代码,造成了体积增大。 如果一个用户的网速只有1k/s,而且ap 阅读全文
posted @ 2017-09-03 14:28 herozhou工巧 阅读(1143) 评论(0) 推荐(0) 编辑
摘要: 首先安装的依赖 在webpack.config.js文件中加入如下配置 在css文件中引入该图片作为背景图片。 运行npm run start 打开浏览器http://localhost:8080/ 看到图片已经引入进来而且命名经过了哈希处理。 看下url-loader是什么样子的,同样修改webp 阅读全文
posted @ 2017-08-26 11:29 herozhou工巧 阅读(1387) 评论(0) 推荐(0) 编辑
摘要: 首先要安装css的loader 然后在webpack.config.js中配置如下代码 意思是先用css-loader加载css文件,再用style-loader添加在页面中 在app目录下创建component.css文件 在app/index.js中引入css文件 运行npm run start 阅读全文
posted @ 2017-08-19 11:00 herozhou工巧 阅读(1137) 评论(0) 推荐(1) 编辑
摘要: chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 之前有一种解决方案是禁用autocomplete属性 但是autocomplete="off"在ch 阅读全文
posted @ 2017-07-17 22:02 herozhou工巧 阅读(1867) 评论(0) 推荐(1) 编辑
摘要: 现在我们如果修改代码,需要重新打包,再一次在命令行下输入webpack命令,很麻烦。 热刷新是什么呢?就是我们该完代码保存之后webpack会自动打包引起浏览器自动刷新,你只需要把精力都专注在代码研发上不需要再分散精力在打包上。节省了时间和精力,效率更高了。 怎么做呢? 首先安装 打开package 阅读全文
posted @ 2017-07-11 10:43 herozhou工巧 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件。执行如下命令 在项目app目录下建立component.js文件,写入如下代码 在根目录下创建webpack.config.js文件 打开命令行,切换到项目目录下,执行web 阅读全文
posted @ 2017-07-05 10:14 herozhou工巧 阅读(12682) 评论(2) 推荐(0) 编辑
摘要: 首先全局安装webpack,再npm初始化一个项目,并局部安装webpack开发工具 在项目目录下创建app文件夹,并创建index.js文件,写入如下代码 在项目文件夹下打开命令行,输入如下命令 出现如下代码即为成功 看下build/index.js文件的代码: 可以看到73行就是我们app/in 阅读全文
posted @ 2017-07-03 16:52 herozhou工巧 阅读(1623) 评论(1) 推荐(0) 编辑