大笑江湖涂阳光

上一篇文章讲了 React 性能优化的一些方向和手段，这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你要找出’性能问题‘，这样才能针对性地进行优化。我觉得对于 React 的性能优化可以分两个阶段: 1. 分…

React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦，还要commit，多余。 比上面省事，eslint错误消失，但暂存区多了n个文件改动记录，对比Worki…

在我们进行日常的项目开发的过程中，我们经常会遇到使用一些通用的UI组件库如BootStrap、Ant Design等。作为成熟的UI组件库，它能够提供提供一整套UI组件用来满足使用需求，能大大减少开发成本。 在使用了他人提供的组件库后，我自然就会有兴趣去了解一下别人开发的组件库…

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

这是一个新开的'实验性'文章系列，如其名‘技术地图’，这个系列计划剖析一些前端开源项目，可能会探讨这些项目的设计和组织、整理他们使用到技术栈。 首先拿vue-cli小试牛刀，再决定后续要不要继续这个系列. 我一直在思考我们编程主要在做什么？我们有一大部分工作就是选择各种工具/库…

可能很多人都陷入了一个对价值这个词的理解误区, 认为事物本身存在价值的有和无, 但在我看来, 任何事物, 任何存在的事物都是有价值的, 如果没有价值, 那这个事物可能就是虚无的, 不存在的. 比如我们做梦, 各种虚幻的梦境, 并不真实存在, 也没有映射到现实世界中. 梦里的事物…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

树是一种数据结构，它是由n（n>=1）个有限结点组成一个具有层次关系的集合。附上图片： （4）除了根结点外，每个子结点可以分为多个不相交的子树。 二叉树是每个结点最多有两个子树的树结构。它有五种基本形态：二叉树可以是空集；根可以有空的左子树或右子树；或者左、右子树皆为空。 定义…