本文深入解析 Tree Shaking 原理，列举常见失效场景，并提供对应的正确写法，帮助开发者有效优化前端打包体积。

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

刚进初创公司或者搭建新的团队，不知如何开始建设？又或业务代码/工具写麻了？想了解一些工程化基建的知识？大小公司怎么样偏重？这篇浅浅了解一下前端的基础建设法子！

背景 (书接上回) ui妹子的无理要求，我通通满足了。但是不出意外的话，意外就出来了。 此功能在上线之后，我们的业务在客户app内使用刷脸的时候会因为内存过高导致app将webview杀死。 然后我们

前端性能优化：本文系统性讲述了利用H5 api特性实现图片懒加载的方式，并使用模糊图片占位符来增强用户使用体验。最后使用自定义的 loading 动画来美化界面。

浏览器架构 第一阶段：单进程架构(2007年以前) 指的是浏览器的所有功能模块都运行在一个进程里，包括网络线程、插件线程、JavaScript运行环境、渲染引擎和页面，如此多的模块都在一个进程，是浏览

虚拟滚动 常用场景 table表格 （在列比较多，还有产品需求就是不想要分页！！！） select下拉菜单数据较多场景 list 像博客等平台展示信息列表如果用户一直往下加载其实当达到一定的阈值界面就

最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判断可能存在内存泄漏的情况。

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思