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

用极其精简的代码，编写的高级工具函数，覆盖localStorage已使用空间，桌面通知，视频截图，base64编码和解码，UUID生成，序列生成器等等，总有一个留的住你。

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 如果您正在寻找清理代码、降低复杂性和改进功能的方法 - 这些重构扩展将帮助您更快地前进。 🏆 1. SonarLi

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

这是我参与更文挑战的第1天，活动详情查看： 更文挑战。我们要做一个基于边缘计算的物联网管理平台雏形，流程大概是这样...

能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

最近几个月因为公司的业务需求，一直在折腾小程序，从开始的完全不熟悉，到后面被各种坑折磨，是时候写一篇总结了，避免下一次遇到还找不到解决的方案。 首先，需要确定的是，app.json 是小程序的全局配置，放在根目录下。 enablePullDownRefresh，小程序默认页面是…