如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

要说起前端性能优化，其实我们可以从 “输入 URL 到页面呈现” 这个知识点着手讲起。 jsliang 在这里将这些知识点一锅炖，看你吃下多少。 然后本地服务器向根服务器、顶级域名服务器、主域名服务器这些的请求就更不用说了，前端没法接触。 所以这个步骤我们忽略先。 这个步骤我们…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？本文将遵循yahoo前端性能团队总结的34条黄金定律，哦不，现在是35条了。 1.减少HTTP请求次数。 减少页面的HTTP请求数是个起点，这是提升站点首次访问速度的重要指导原…

webpack 是一个 js 代码模块化的打包工具，藉由它强大的扩展能力，随着社区的发展，逐渐成为一个功能完善的构建工具。在使用 webpack 的时候，如果你不注意使用它的方式方法很有可能会发生意料之外的问题，比如性能问题。我们都知道 webpack 可以帮助我们打包和压缩代…

图片优化是web开发很重要的一部分，尤其是移动端的web应用。虽然图片加载不会阻碍我们页面的渲染，但是图像的快速呈现可以大大提高我们的转换率，而且很多时候图片也是我们的主角元素。 可以通过 WebPageTest.org 审核网站,报告的“Image Analysis”部分列出…

Egg.js 是啥呀？鸡蛋吗？开个小玩笑。Egg.js 是基于 Koa 的上层架构，简单说就是 Egg.js 是基于 Koa 二次开发的后端 node 解决方案。截止目前（2020-01-06） Egg 的最新版本为 v2.26.0 ，Github 上的星星居高不下，目前已达到…