面试：提升页面性能优化的方法有哪些？ 1、资源压缩合并，减少http请求 （html压缩， css压缩，js压缩，文件-公共库合并） 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 2. 非核心代 ...
分类：
其他好文 时间：
2020-06-19 16:11:44
阅读次数：
71
1. webpack与gulp的区别 gulp是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译，替代手工实现自动化工作。 webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便， ...
分类：
其他好文 时间：
2020-04-22 13:04:14
阅读次数：
68
## CSS W3C 统一验证工具 CssStats 是一个在线的 CSS 代码分析工具： http://www.cssstats.com/ W3C 统一验证工具： http://validator.w3.org/unicorn/ ☆☆☆☆☆ 因为它可以检测本地文件哦！！ ## CSS 压缩：htt ...
分类：
Web程序 时间：
2020-03-15 19:11:15
阅读次数：
107
具备功能： 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
通过W3C 统一验证工具的检测没有错误后，为了提高加载速度和节约空间（相对来说，css量很少的情况下，几乎没啥区别），可以通过css压缩工具把css进行压缩。 w3c css压缩 http://tool.chinaz.com/Tools/CssFormat.aspx 网速比较慢 还可以去站长之家进行 ...
分类：
Web程序 时间：
2019-10-21 17:48:38
阅读次数：
189
"LESS官方文档" 一、通过命令行进行编译(可实时监听并编译) 用起来比较复杂，但效率比较高. 1. 步骤一：安装Node.js "nodeJS下载地址" 2. 安装Less 3. 安装CSS压缩插件 4. 安装自动实时编译Less文件插件 二、使用VSCode开发工具自动编译 保存时编译，可以指 ...
分类：
其他好文 时间：
2019-08-09 23:22:44
阅读次数：
134
1、按下面的路径找到对应的配置文件 /build/webpack.prod.conf.js 2、CSS压缩--OptimizeCSSPlugin 注释掉图中的代码 3、JS压缩--UglifyJsPlugin 注释掉图中的代码 4、html压缩--HtmlWebpackPlugin，将 minify ...
分类：
其他好文 时间：
2019-05-30 18:12:46
阅读次数：
402
前端性能优化方案大体分为网络传输优化和页面内容优化， 网络方面 1、减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2、减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3、使用缓存 DNS缓存 CDN部署与缓存 htt ...
分类：
其他好文 时间：
2019-05-14 15:00:48
阅读次数：
148
一、代码压缩坑 正常情况下，如果我们配置生成环境，webpack会自动帮js压缩，必须配置 但是如果我们要把css也压缩的话，问题就来了，css压缩 调用 用了css压缩后，我们发现，js不压缩了，这是需要使用插件 调用 注意，这样虽然能行，但是看网上，好像这个跟css一样，也要在optimizat ...
分类：
Web程序 时间：
2019-05-13 14:40:15
阅读次数：
143
1、渐进增强，优雅降级 2、浏览器前缀 3、背景渐变 4、css 验证工具 2种方式：第2种支持验证本地的css（推荐） 5、css压缩 （节约空间，节省带宽） 6、旋转轮播图 案例： 注意： 1、3d 旋转 3d 的translateZ 2、子盒子要一般要写transform-style属性 更有 ...
分类：
Web程序 时间：
2019-04-22 00:16:02
阅读次数：
148
