深树

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

网上资料基本都是解析qiankun的sandbox和动态加载style的源码分析，很少涉及运行全过程的解析。

一、概述 上周将团队内的组件文档从 docz 迁移到dumi，迁移成本大概一到两天，在此给大家做个 dumi 的简单介绍。 二、组件库文档工具 本节会先对比市面上用得多的以下三个组件库文档库，以说明迁

用结构化的答题思路，口喷 React 核心概念与原理，让面试官绝不敢在你面前装逼超过 3 分钟。 1. 你真的了解 React 吗 2. 为什么 React 要使用 JSX 3. 如何避免生命周期中的坑 4. 类组件与函数组件有什么区别 5. 如何设计 React 组件 6. …

| 导语 其实在前端编码中，或多或少都会接触到沙箱，可能天真善良的你没有留意到，又可能，你还并不知道它的真正用途，学会使用沙箱，可以避免潜在的代码注入以及未知的安全问题。 沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创…

众所周知，canvas 是前端进军可视化领域的一大利器，借助 canvas 画布我们不仅可以实现许多 dom 和 css 难以实现的、各种绚丽多彩的视觉效果，而且在渲染数量繁多、内容复杂的场景下，其性能表现及优化空间也占据一定优势。 然而 canvas 却存在一个缺陷：由于 c…

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

区别我们先讲完属性类型后再来看。 [[Configurable]] 字面理解是表示属性是否可配置——能否修改属性；能否通过delete删除属性；能否把属性修改为访问器属性。 [[Enumerable]]能否通过for-in循环返回该属性。 第1、第2种对于属性的赋值是一样的，不…

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