在Web开发中，Web的性能优化是一个重要的话题。无论是页面加载速度，用户体验，或者是程序运行效率，都与Web的性能优化息息相关。

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

随着前端工程规模的增加，各种第三方与自有依赖包的关系也日趋复杂。这时候可能产生什么问题，又该如何解决呢？这里分享我们前端团队的一些实践。 安装依赖包，对于前端开发者来说不过就是一句 npm install xxx 的事。那么，单纯靠这种方式给一个项目安装了很多依赖，就算是复杂的…

在前端的富交互编辑中，稳定的撤销 / 重做功能是用户安全感的一大保障。设计实现这样的特性时有哪些痛点，又该如何解决呢？StateShot 凝聚了我们在这个场景下的一些思考。 每次 push 的时候塞进去一个页面状态的全量深拷贝，然后在 undo / redo 的时候把相应的状态…

当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。 什么是跨端渲染呢？这里的「端」其实并…

依赖追踪机制是 Vue 的核心之一，那么依赖追踪算法如何工作呢？在 30 行内我们就能实现它🤓 Reactive 基础 说起依赖追踪，就不能不提数据绑定的概念。前端最常见的重复劳动之一就是把数据绑定到 HTML 模板上，这时数据绑定能够实现数据更新时模板的自动更新。简单的三行伪…

代码插桩技术能够让我们在不更改已有源码的前提下，从外部注入、拦截各种自定的逻辑。这为施展各种黑魔法提供了巨大的想象空间。下面我们将介绍浏览器环境中一些插桩技术的原理与应用实践。 封装一个「先执行自定义逻辑，然后执行原有 log 方法的函数」。 将原生 console.log 替…

废话不多说，我们一起来看看this的绑定机制。 开局上结论this有四种绑定模式分别是默认绑定、隐式绑定、显式绑定、new绑定。 他们之间的优先级关系为：new绑定 > 显式绑定 > 隐式绑定 > 默认绑定。 new绑定比较特殊，new大部分情况下是创建一个新的对象，并将thi…