09 2018 档案

Vue CLI3 开启gzip压缩
摘要：gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件： npm i -D 阅读全文
posted @ 2018-09-29 17:01 前端大兵 阅读(31866) 评论(0) 推荐(2)
Element隐藏组件：scrollbar
摘要：scrollbar是用来替代浏览器原生滚动条的组件，element的文档中并没有对scrollbar的描述。 使用方法：以<el-scrollbar/>包裹要滚动的元素，并设置固定高度。在外部引入的css中自定义样式（写在scoped中无效）。 阅读全文
posted @ 2018-09-27 11:39 前端大兵 阅读(1303) 评论(0) 推荐(0)
Git 恢复本地误删的文件
摘要：通过git进行代码管理的项目，如果在本地编辑的过程中误删了某些文件或者文件夹，可以通过git操作来复原。 Step 1： git status 查看本地对改动的暂存记录。如下图所示，本人误删了文件夹“../Server”。 Step 2：git reset HEAD [ 被删除的文件或文件夹 ] S 阅读全文
posted @ 2018-09-20 15:00 前端大兵 阅读(100589) 评论(7) 推荐(10)
Mockjs 前端接口数据模拟
摘要：在前后端分离的项目中，通常需要启动一个后台服务器来配合前端项目的接口需求。Mockjs的作用是拦截ajax请求并模拟各种数据返回，让前端开发可以更加自由独立。 安装 使用 Mock.mock()第一个参数是需要拦截的接口，第二个参数表明ajax请求类型（get/post/put/delete等），第 阅读全文
posted @ 2018-09-07 10:48 前端大兵 阅读(6559) 评论(0) 推荐(0)
快速配置webpack 4.x
摘要：区分开发模式和生产模式： npm run start——开发模式，启用devServer，文件的改动实时更新、刷新 npm run build——生产模式，打包文件到dist文件夹 阅读全文
posted @ 2018-09-06 16:47 前端大兵 阅读(508) 评论(0) 推荐(0)
ESLint 使用方法
摘要：一、全局安装 二、生成配置文件 在项目根目录执行init，生成.eslintrc文件。在init时，要求根目录存在package.json。当然也可以直接复制个现成的.eslintrc.js文件。 三、自定义配置项 根据规则文档，编辑.eslintrc.js文件内容。 配置内容也可以写在packag 阅读全文
posted @ 2018-09-05 10:58 前端大兵 阅读(8193) 评论(0) 推荐(0)
webpack中配置Babel
摘要：Babel是一个javascript编译器，可以将ES6和更新的js语法转换成ES5的，使代码在较老的浏览器里也能正常运行。 一、安装 二、在webpack.config.js中配置module 三、新建.babelrc配置文件 如下是vue-cli自动生成的babel配置。如果要配置plugins 阅读全文
posted @ 2018-09-04 14:55 前端大兵 阅读(5678) 评论(1) 推荐(0)