2020 年 12月 4 日随笔档案 - 京鸿一瞥

2020年12月4日

摘要：这里需要用到 mini-css-extract-plugin 插件 npm i -D mini-css-extract-plugin 引入插件 const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module module 阅读全文

posted @ 2020-12-04 22:40 京鸿一瞥阅读(181) 评论(0) 推荐(0)

前端性能优化之 gzip压缩文件传输数据

摘要：一、文件压缩的好处前端生产环境中将js、css、图片等文件进行压缩的好处显而易见，通过减少数据传输量减小传输时间，节省服务器网络带宽，提高前端性能。二、http协议如何支持压缩文件的传输 1、浏览器请求数据时，通过Accept-Encoding说明自己可以接受的压缩方法 2、服务端接收到请求后，阅读全文

posted @ 2020-12-04 15:11 京鸿一瞥阅读(2695) 评论(0) 推荐(0)

Vue 项目性能优化实践

摘要：前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分，我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优阅读全文

posted @ 2020-12-04 14:54 京鸿一瞥阅读(199) 评论(0) 推荐(0)

7、 webpack 开发环境配置

摘要： const {resolve} = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { mode: 'production', entry: './src/js/i 阅读全文

posted @ 2020-12-04 12:04 京鸿一瞥阅读(138) 评论(0) 推荐(0)