左右飞

常规组件按需加载方案缺点 优点：拆分组件代码，按需加载，减少首屏的资源加载大小及数量，提升页面首屏渲染速度。 2、import 动态加载 - 执行代码 import() 时加载组件资源 优点：拆分组件

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

编辑器项目已经开源，600+ star，fabric.js的进阶用法，截图效果、实现思路与代码均在文章中。

源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue

“这是我参与8月更文挑战的第8天，活动详情查看： 8月更文挑战” 30W字前端面试题总结，值得收藏！

前面我们实现了一个简单的canvas库，现在我们用它来实现一个简易版流程图，在实际应用中检验它的效果。

使用 Monaco Editor 写了一个 SQL 编辑器，实现了不少功能。在此记录下开发过程及相关经验。

本文使用 svg 的 animate 实现2个简单常用的动画，svg原理、怎么画图什么的，切图仔讲不明白啦。

如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的： 不要走开，跟随本文一起来探究一下吧~