1、在 度娘搜索 “javascript 解压缩gzip”，基本都是 pako.js相关的内容，先记录下： js Gzip前台压缩字符串如何实现？ - 知乎.html（https://www.zhihu.com/question/53169830） Netty websocket 推送数据压缩以 j ...
分类：
Web程序 时间：
2020-06-23 15:43:55
阅读次数：
78
面试：提升页面性能优化的方法有哪些？ 1、资源压缩合并，减少http请求 （html压缩， css压缩，js压缩，文件-公共库合并） 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 2. 非核心代 ...
分类：
其他好文 时间：
2020-06-19 16:11:44
阅读次数：
71
1，js 压缩： 将 mode 改为“production" 即可，production 模式下，webpack 会自动压缩 js 文件 2，html 压缩： src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
分类：
Web程序 时间：
2020-06-05 21:12:00
阅读次数：
90
1、compress(img) 传入要压缩的图片元素，返回一个base64 例如： compress（document.getElementById("img")） // 图片压缩 function compress(img) { let canvas = document.createElemen ...
分类：
Web程序 时间：
2020-05-22 19:49:33
阅读次数：
73
1. webpack与gulp的区别 gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译，替代手工实现自动化工作。 webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便， ...
分类：
其他好文 时间：
2020-04-22 13:04:14
阅读次数：
68
具备功能： 1，不同环境下打包：开发环境和生产环境 2，使用sass 3，js压缩以及js转码 4，css压缩和css前缀 github地址：https://github.com/mstzhen/webpack-demo/tree/master/demo17 ...
分类：
Web程序 时间：
2020-01-31 12:42:31
阅读次数：
77
为什么需要构建工具？ 通过caniuse我们了解到 现代浏览器对es6特性的支持程度： 由于现代浏览器对es6特性的支持度并不能说太高，为了兼容所以需要进行 es6语法的转换，除了此，三大框架的语法特征，例如转换JSX，双括号等， 还有其他如CSS前缀补全/预处理器，JS压缩混淆，图片压缩等。 前端 ...
分类：
Web程序 时间：
2020-01-04 10:56:12
阅读次数：
111
jQuery入门和DOM对象 1.开发准备 1. 下载的版本： jquery 3.3.1.min.js ：压缩版，发布版84.8KB jquery 3.3.1.js ：常规版，开发版265KB 2. 开发工具： ? hbuilder webstrom(推荐) dreamweaver idea ? n ...
分类：
Web程序 时间：
2019-12-22 14:21:26
阅读次数：
94
1、实现，自己看代码去 // 图片压缩 // 接收三个参数： // file：是读取的文件，需要input type="file"获取或者通过js获取 // rate：压缩比例；按照原来图片的百分比 // maxSize: 压缩后的最大文件 // rate有则使用rate，最大限制拦截，会判断rat ...
分类：
Web程序 时间：
2019-12-17 13:35:24
阅读次数：
124
通过使用插件和配置插件的参数。 1. 打包速度分析 首先通过speed-measure-webpack-plugin分析打包的各个插件和loader的耗时。然后具体问题，具体分析。 按照插件 使用时该插件需要将整个配置对象包裹 2 启动js压缩插件的并行和缓存配置 webpack中对js进行压缩的插 ...
分类：
Web程序 时间：
2019-12-14 19:01:49
阅读次数：
111
