碎事破事

三. tree-shaking实践 webpack2 发布，宣布支持tree-shaking，webpack 3发布，支持作用域提升，生成的bundle文件更小。 再没有升级webpack之前，增幻想我们的性能又要大幅提升了，对升级充满了期待。实际上事实是这样的 升级完之后，b…

本文共计约 7k 字，预计阅读时间 15mins 微前端的缘由：单体应用与微服务架构 微服务架构带来了哪些好处？ 那么前端的现状呢？ —— 臃肿的前端 微前端的定义 - 将微服务理念扩展到前端开发 拆分微前端所带来的好处 微前端的核心思想 微前端的可选实践方案 页面优化与实例

话要从业务代码里的bug说起，大致过程是前端运算 2.07-1 之后结果却是1.0699999999999998，老司机们都知道是浮点数运算的精度丢失导致的，在查看了下具体代码，果然处理不当。因此我深究一番，并诞生了此文。此处重点强调两个认识误区： 浮点数运算精度丢失问题并不是…

看到 Proxy就应该想到代理模式(Proxy Pattern)，Proxy 是 Javascript ES2015 标准的一部分，我们应该学会使用它，代理模式是一种设计模式，使用 Proxy 对象可以轻而易举的在 Javascript 中创建代理模式。然而，使用设计模式并不是…

这是一篇译文，对 inline 和 inline-block 的元素剖析非常给力。 line-height 和 vertical-align 都是简单的 CSS 属性，以致于大多数人自以为知道这两个属性的工作原理。但实际上这两个属性非常复杂，也许算得上是 CSS 里最难的两个属…

简要：可能在某些领域存在一些触手可及的性能优化点，虽不常见但依然很重要。 我们一直在努力把 airbnb.com 的核心预订流程迁移到一个使用 React Router 和 Hypernova 技术的服务端渲染的单页应用。年初，我们推出了登陆页面，搜索结果告诉我们很成功。我们的…

0. 前言 1. 基本命令 git add -u . : 如果之前使用非 git 命令删除文件，可以使用这个命令把当前目录的文件重新遍历清除 git add -A . : 如果之前使用非 git 命令移动文件，可以使用这个命令把当前目录的文件重新遍历移动，和 rm 命令类似 g…

随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场景下，挑战10倍以上极致的性能优化。

当我们刚开始开发 StackBlitz 的时候，我们的目标就是创建一个在线的 IDE，这个 IDE 可以让你感觉和超级跑车的轮子一样快：你只需要接受瞬间响应命令的喜悦即可。 和 Turbo 不同的是，NPM 和 Yarn 是本地的。因为设计 NPM 和 Yarn 就是用来处理大…