建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

最近对公司的一个 PC 站点做了一次整体的性能优化，由于这个系统业务复杂、依赖非常多，加载速度非常慢，优化后各个性能指标都有了显著提升，大约加载速度快了 5 倍左右。 我在 构建、网络、资源加载、运行时、服务端、功能组织等多个方面都进行了优化，准备做一个系列，分章节给大家分享下…

最近家里添了小孩，在家带娃陪产了一些天,深刻体会到老婆带孩子的辛苦。 工作的时候不能在家陪她，就想着写个程序，每天固定在固定时间给她发一些情话，好让她在带娃的时候也能感受到老公的爱心，帮她缓解一下带娃的烦躁心情。 Stack Overflow 联合创始人杰夫·阿特伍德曾经说过，…

Prototype 是 JavaScript 里的一个基础概念，原本应该很容易理解。然而，出于各种原因，大部分前端开发者（包括我），在刚开始学习 JS 时，原型和原型链都是一个需要克服的困难。 其实看不懂上图也没关系，请不必自责，这不是你跟我的问题。尽管上图并没有画错。 只能说…