iwalking11

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

今天给大家分享一篇，非科班出生的野生前端从业者的励志成长故事，故事的主人公王大拿（化名），在小公司打杂三年后，意外拿到了美团的offer，成功进阶大厂，跳槽到了美团的核心外卖事业部. 事故主人公：王大拿，山西人，下面是他的野蛮成长经历，从5k 到 ？k+的一个成长历程，一起来看…

TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。

React.lazy 和 React.Suspense 是一对好兄弟，它两就可以完成一个优雅的懒加载方案，让我们来看看它们在 hook 中的使用吧。 上面报错说的是需要与 React.Suspense 配合做 loading 或者占位符，所以说它们是好兄弟，形影不离 。那我们来…

在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 如果需要把大量的 props 传递到一个组件中，那么很有可能 该组件可再进一步拆分。 问题来了，“大量” 具体是多少呢？答案是 看情况。 像函数一样，一个组件应该只做好一件事，所以考虑下 将组件拆分成多个小组件是否…

昨天我们发了第一篇，今天让我们来继续第二天。先来回顾一下昨天我们都实现了哪些： 1. 这是如下我们要实现的目标任务列表（每天进步一点点⏰） 2. Change Reference to Value（将引用对象改为值对象） 描述🍏：你有一个引用对象，很小且不可改变，而且不易管理…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…

P.S. 建议大家尽量自己注册一个账号(可以随便填一个密码)，如果用默认的测试账号，不要乱改东西，否则别人进来就没得看了，因为你做的任何改动都会保存到后端数据库里。 也不知道为什么，公司里对数据分析、数据可视化的需求越来越多。这部分需求有的来自数据分析师(如果公司有数据分析师的…