目前，已经有很多大大小小的入门 React 的教程，它们会介绍一些基本概念和用法，那些内容可以让你方便地带你进入 React 世界。但这篇文章除了详细阐述基本概念外，还会帮助你从了解 React 到熟悉其原理。 在 React 底层，主要对合成事件做了两件事：事件委派和自动绑定…

刚刚也提到了刚刚接触到Sifo的时候我以为他是一个low code的解决方案，但是这个表述并不准确，先来看下另外一款类似能力的解决方案，也就是百度的amis，这款解决方案的话他的着眼点就完全在于low code，旨在全部通过JSON配置的方式快速低成本的搭建出前端页面。而Sif…

在之前的 《实战中学习浏览器工作原理》中我们已经对选择器有了一些全新视角的认知。这里我们站在 CSS 的角度一起学习选择器。 我们先了解一下选择器的语法，然后深入了解背后相关的特性。 如果我们想选 SVG 或者 MathML 里面特定的元素，我们就必须要用到单竖线 | ，CSS…

在这个重学系列的课程中，都会假设大家对 JavaScript、CSS、HTML 有了一定的了解。而这个重学的过程其实是帮助我们在这些过去的知识里面建立一个新的秩序，也就是建立知识体系的过程。在重学 JavaScript 的过程将会带着大家以 JavaScript 的语法为线索，…

监测属性变化的有 defineProperty 和 proxy。 但两者使用和局限并不一样。 proxy可以监测对象或数组，增删改查属性，但兼容性不好。 用法也不一样：proxy里操作的是对象。defineProperty操作的是一个变量值。这点特别注意。 之前写过define…

大家是否有过类似的经历，接手多人开发的项目，因为每个人的代码风格不一致，使得变得难以阅读，比如分号、混合单引号和双引号的字符串声明，或者糟糕的缩进? 或者一些问题导致项目运行出错。 所以代码一致性非常重要，无论是在开发阶段还是在维护阶段，我们都知道eslint能很好保证代码风格…

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 T…

在控制台上展示数组或对象，使用console.table比console.log更加直观明了。 是默认有的。 如果你使用谷歌浏览器并需要复制控制台输出的数据。你可以使用copy()命令行，而不是手动高亮选择对应代码进行复制。 执行上面的代码，会将data数据值复制到你的粘贴板上…

中后台项目一般都有较强的页面结构或者逻辑一致性，页面比如像搜索、表格、导航菜单、布局，逻辑方面比如像数据流，权限。 如果基于Webpack封装这些功能就需要比较大的前期工作，Umi则以路由为基础，并以此进行功能扩展，包含微前端、组件打包、请求库、hooks 库、数据流等。基于此…