前端业务开发的通用经验

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

介绍 CSS 各类方法论及其发展脉络

前端经常需要处理日期时间的格式，自己调 Date api 做转化大概率会遇到兼容性的坑，原因是不同浏览器的 js 引擎对标准的实现不同。 业务中最好的选择是用 date-fns、moment、day.js 这类成熟的方法库。 如果发现业务代码里存在大坨大坨日期字符串解析、转换、…

接口设计有三个层面的复用，分别是：跨项目复用、跨页面复用、跨端复用。正确的复用，能提高效率，而错误的复用，只会降低效率。 除非明确抽象为独立的公共服务，接口是不应该跨项目复用的。 从业务建模的角度看，复用的基本前提是同步，即服务的迭代必须同步应用到所有依赖方，只要不同步，仅一部…

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

异步任务相比同步任务的复杂之处，主要在于返回结果的时机不可控，由此带来超时控制、顺序控制、竞态、最大并发等一系列问题。 单个的异步和简单的并发一般在语言层面就获得了支持，就前端而言，Promise 和 Async 是如此普及，以至于有些新人可能连 callback 都不认识了，…

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

本文主要总结关于“怎么评需求以及如何更好完成需求评审以利于后续工作有效开展”的一些经验。首先要说明，本文所述的需求，有时候指一群人在一段时间将要完成的一件事，接近【项目】这个概念，有时候就是指需求文档，还有时候指用户的需求，请根据上下文区分。由于这个话题过于宽泛和抽象，只能是根…