Webpack&浏览器&性能优化

前言 阅读本文，可以自己写一个简单的浏览器插件 以及前端浏览器插件相关东西 附上github源码：https://github.com/shuirongshuifu/browser-plugin 接下

前言 我们先思考一个问题：如果不使用webpack，前端能够开发项目吗？ 先别着急说出答案，我们继续往下看... vue-cli & create-react-app和webpack的关系 我们知道，

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，what the f**k! 问题考察点 看似无厘头的问题，实际上考查候选人知识的广度和深度，虽然在工作中这种情况很少遇到

什么是Web Worker 15年前，也就是2008年，html第五版html5发布，这一版的发布，提供了不少新的好用的功能，如： Canvas绘图 拖拽drag websocket Geolocat

requestAnimationFrame官方介绍 requestAnimationFrame用处概述 window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，

问题描述 使用optimize-css-assets-webpack-plugin和cssnano插件在vue项目中进行css压缩。 在npm run build打包时报错了 报错截图如下： 问题原因

问题描述 在vue.config.js文件中使用url-loader压缩图片以后，启动项目，发现背景图加载不出来了，F12审查dom发现背景图的的url变成对象模块了，如下图： 问题分析 url-lo

问题描述 我们项目做完，验收通过以后，就需要打包发布上线啦。于是我们执行命令：npm run build打dist包，打包完以后截图如下： 直接打包的chunk-vendors.js太大了 chunk

问题描述 项目中常常会引入一些图片资源，什么jpg|jpeg|png|gif|ico之类的，正常情况下，我们需要做一下性能优化，看看如何大而化小、小而化了，提升生产环境资源加载速度。所以，本文记录一下

问题描述 本文以vue为例，记录一下，使用webpack插件compression-webpack-plugin开启gzip压缩的步骤流程，以及对比开启gzip压缩前后所需要的时间，得出结论：**这个