前端工具
文章平均质量分 55
周二也被占用
学无止境
展开
-
package-lock.json的作用
package-lock.json is automatically generated for any operations where npm modifies either the node_modules tree, or package.json. It describes the exact tree that was generated, such that subsequent i转载 2018-01-05 16:07:42 · 3040 阅读 · 0 评论 -
网页性能优化-gzip
小网站只有1M的带宽,webpack打包发现vendor.js有700kb,每次加载需要7~10秒,非常慢,于是对网页内容压缩, 第一步修改webpack的配置: productionGzip: true, productionGzipExtensions: ['js', 'css'], 第二步,修改nginx配置支持gzip gzip on; gzip_static ...原创 2018-06-10 22:28:42 · 733 阅读 · 0 评论 -
腾讯智图让我的webp压缩感觉像白忙活一样
1、用谷歌的webp压缩工具,将图片从37GB压缩到6GB,图片格式转变为webp。 2、腾讯的智图既能压缩成webp也能压缩成jpg。jpg大小和webp类似,没有浏览器兼容性问题。 所以,用哪个好呢。从兼容性的角度来说,还是jpg更胜任先阶段的任务...原创 2018-07-22 21:06:38 · 2987 阅读 · 0 评论 -
使用Travis自动部署前端页面到阿里云服务器
使用GitHub管理代码,写完之后经常需要打包部署到阿里云服务器,于是开始学习使用travis CI。 中间过程参考如下 持续集成服务 Travis CI 教程 http://www.ruanyifeng.com/blog/2017/12/travis_ci_tutorial.html https://segmentfault.com/a/1190000011218410?_ea=5032568 ...原创 2018-11-13 19:05:45 · 1483 阅读 · 1 评论 -
vscode 保存自动 格式化eslint 代码
在网上找了很多种方法,大多都没有成功 一下是一种成功的 配置方法: First, you need to install the ESLint extension in the VS code. This extension uses the ESLint library.If you haven’t installed ESLint either locally or globally d...转载 2018-11-16 13:42:30 · 985 阅读 · 0 评论