TomJerryJason

前些天在读同事代码的时候，看到同事用了JavaScript-state-machine的库，用来解决在不同状态下执行对应的状态方法。发现通过该库后可以避免在有大量状态的情况下使用过多的if-else/switch等，增强代码的可读性且逻辑高可梳理。借着好奇去读了javascri…

当一个没有管理经验前端架构师，在国企接手了一个烂摊子！怎么在团队和项目都快速膨胀的情况下，让大家信服，并让前端效率极剧提高呢？从技能、工程、架构、管理角度切入，做一个优秀的前端架构师。

React文档中介绍了React Hooks的如下使用规则。 我们在使用hooks时需要遵循这两条规则，那么为什么有这两条限制呢？我们可以从源码中寻找答案。 Hooks基础 和class组件

在这一篇文章里，将展示一些使用了mobx的React的最佳实践方式，并按照一条一条的规则来展示。在你遇到问题的时候，可以依照着这些规则来解决。 这篇文章要求你对于mobx的stores有基本的理解，如果没有的话请先阅读官方文档。 永远记住，你的stores代表着你的UI状态，这…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

1. 前言 在 React 诞生之初，Facebook 宣传这是一个用于前端开发的界面库。在大型应用中，如何处理好 React 组件通信和状态管理就显得非常重要。 为了解决这一问题，Facebook

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

从人工到自动化，从重复到创新，技术演进的历程中，伴随着开发者工具类产品的发展。 阿里巴巴将自身在各类业务场景下的技术积淀，通过开源、云上实现或工具等形式对外开放，本文将精选了一些阿里巴巴的开发者工具，希望能帮助开发者们提高开发效率、更优雅的写代码。 由于开发者涉及的技术领域众多…

Performance API 是浏览器提供给我们的用于检测网页性能的 API，它并不是一个孤立的 API，而是一组 API 的组合。主要包括： Resource Timing API：与网页资源（脚本、样式、图片等）加载相关的耗时信息，定义了接口 PerformanceRes…