本文正在参加「金石计划」 前言 本文属于我的 前端需要掌握的设计模式 专栏。上一篇：# 说说 观察者模式 和 发布——订阅模式 的区别。 本文以 用 for of遍历 Object 为引 来聊聊 迭代

通过vue-cli我们可以快速的，无配置的创建我们的项目，vue-cli为我们写好了webpack配置，在创建项目时又可以根据命令行交互集成vue-router,post-css,less或者sass,babel,eslint等等，还有非常友好的图形化界面帮助我们完成自己的项目…

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

晓强哥在他的上篇文章里介绍了 里面提到获得抽象语法树的过程为：代码 => 词法分析 => 语法分析 => AST，抱着深究技术细节的目的，我决定研究这里的词法分析和语法分析，写一个简单的四则运算表达式转换成AST的方法，于是就有了下面的内容。 人类习惯 a + b 这种表达叫做…

在如今这个讲“大数据、云计算”的时代，笔者相信不少前端同行们都被投入到了这种大数据后台产品的开发当中。数据是海量的，条件也是复杂的。为了让用户更加方便准确地创建到他们想要的数据报表，这类后台产品往往有着特殊的表单输入组件设计，比如面向数据专业人士的sql代码编辑器组件与面向普通…

学习一个工具或者库的源码之前，得对一个库进行大概的认识，比如源码的目录结构，如何调试等。属于前置的准备阶段。 而webpack是我即vue之后，希望通读的一个工具库。其实在团队中，自己需要去完成一些技术指标，而相应的技术储备是必不可少的。而就前端工程化领域而言，webpack是…

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

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…