求实亭下

在上一篇中叙述了在资源请求层面对于性能进行优化，接下来就看如何从产物构建的角度出发进行优化，文中以webpack构建为例。

前端性能优化是在当下前端实际工作中非常重要的一件事。整体看前端可以做性能优化的可以分为几个方向，一个是资源请求类，前端代码优化，前端构建产物大小和构建速度优化。

lazyload有着提升网页加载速度，减少首屏不必要请求的功能。另外关于业务提出的希望卡片根据是否在可视区域内进行的精确埋点上报也可以利用到lazyload组件，但需要做一些修改。

现在的web页面中，绝大多数资源都采用了CDN资源，CDN资源节省了服务器资源，也可以带来静态资源加载的速度提升。那一旦出现部分域名被运营商封禁可能会导致全量的静态资源不可用

微信小程序提供了大量的微信app的能力和其他原生应用的能力，并且在开发中尽可能的降低了学习曲线，但同样带来了一些问题，基于这些问题微信推出了skyline

两种节点类型 我们可以从同级的节点数量将Diff分为两类： 当newChild类型为object、number、string，代表同级只有一个节点 当newChild类型为Array，同级有多个节点

Promise原型链上finally的实现；Promise.all的实现；Promise.race的实现；Promise.any的实现；Promise.allSetteld的实现

本文主要是简单叙述了如何实现一个与flutter通信的jsbridge。 这里js的通信需要使用上面定义的callFlutter的postMessage的方式。flutterHandle需要根据method和param去调用对应的方法，结束后就通过主动调用js的方式完成回调。 …

Vue Router中提供了解决整体JavaScript文件过大，影响页面加载的方案--路由懒加载。 结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。下面是一段简单的代码。 下面我们就从vue的异步组件和Webpack 的代码分割两个方面去…