该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型错误。 一般的解决方式就是自己控制包含哪些加载的 @types/xxx。 node 会对加载的模块进行缓存…

if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技…

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误信息，不会中断程序执行。 $(selector)是原生 document.querySelector() …

业务基建是指由业务团队维护的上层公共设施，比如公共方法、状态管理方案、commit 规范等等。 业务基建和工程基建不同，工程基建主要指工具链体系，面向构建部署测试等，业务基建主要面向业务开发。 业务基建的主要意义有两个，一是复用，提高开发效率，二是技术架构标准化。 所谓【技术架…

性能优化体系四要素：指标、监控、性能分析、优化方案。 什么是性能？前端业务开发关注的性能，主要有两个：加载速度、渲染效率。二者一般也合称【性能体验】。 衡量加载速度的传统指标一般是：首字节、DOMContentLoaded、onLoad。传统指标的问题是，完全站在技术视角衡量，…

质量保障的基本要义，就是确保各项指标长期维持在合格线以上。具体操作上，一般由 QA 团队定期整理，公开发布。 线上故障需进行分级管理，定级标准主要看影响面和影响程度。比较重大的故障，通常有两种类型：一是影响了核心指标，如单量、交易额等，二是阻塞主流程，比如某个核心功能无法使用。…

随着前端技术栈和工具链的迭代成熟，前端工程化、模块化的趋势也愈发明显，在这波前端技术浪潮中，涌现了诸如React、Vue、Angular等基于客户端渲染的前端框架，这类框架所构建的单页应用（SPA）具有渲染性能好、可维护性高等优点。但也同时带来了两个缺陷： 与传统web项目直接…

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…

在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，express-generator和vue-cli便是当中之一。它们功能丰富，但最核心的功能都是能够快速搭建一个完整的项目的结构，开发者只需要在生成的项…