测试为软件的稳定和完善提供了必要的支持，Web 前端开发领域相比于做单元测试，端到端测试更有意义和价值。谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了极大的便利，这里记录了如何使用它们构建一个 Web 自动化测试平台。

说到 Web 的性能优化，可能很多时候我们采取了一些措施，看到了肉眼可见的改进，如果我们可以对其进行测量，确定我们改进的效率（百分比）是不是会更有意义？换句话说，如果我们了解性能瓶颈可能发生的位置，衡量用户体验好坏的指标，做到实时追踪性能变化，我们是不是可以更迅速的采取优化措施？在应用上线前，我们就可以做一些低成本而有高收益的优化工作，进一步提升用户体验。

所以，这里主要介绍一下 Web 性能相关的核心概念和相关指标。

谷歌作为力推 Web 技术的科技巨头，不仅提供了出色的 Chrome DevTools，更是贡献了高质量的开发文档，为业界引进了众多先进的理念，先来拜读一下下面这篇文章，搞明白为何我们需要对 Web 网站做极致的优化？

Why does speed matter?

最近结束了长达四年的第一份工作，选择了跳槽，进入新的团队适应的还不错。在经历了在线面试，办理离职，再到入职这个过程大概花了将近两个月的时间，入职后近一个月左右时间也没有预想的那么忙，所以这三四个月时间算是不用太考虑公司的事情了，毕竟换个环境所有的东西都得重新开始。换句话说，这也算是个契机，终于能有闲下来的时间了，不免就会想到从毕业到现在经历的很多事情，有了很多新的想法和认知。回顾一下过去这四年的工作生活记录下来，用现在比较流行的词来说就是“复盘”。

最近在做 Node.js 技术相关的调研，需要选定一个 Web 框架作为基础来构建业务。一般来说，首选开源方案，对于我来说，比较关注框架背后的开发团队情况、项目活跃度、是否有足够多的商业案例、文档是否完整可读、框架的设计理念、技术架构是否灵活可扩展、技术社区生态是否完整等方面。目前，我比较倾心的是 Fastify 这个新兴框架，根据官网介绍，其专注于高性能和低消耗，并且公开的基准测试表现相当不错，项目足够活跃，更重要的是属于 OpenJS 基金会的孵化项目。本文主要介绍 Fastify 的设计理念和探究其是如何提高性能和降低内存消耗的。

编程语言本质上是给开发者使用的工具，不同的业务领域使用不同的编程语言去实现具体的业务，是基于语言本身的设计理念与实现方式来做选择，那么作为开发者应该了解一下编程语言是如何被发明的，且其设计理念是什么。

前端开发中，有一个使用较为普遍的性能优化技巧，即函数节流（Throttle）和防抖（Debounce），其主要作用是根据时间对函数调用做以限制。最常见的业务场景是监听页面的 scroll 事件，浏览器可以在 1s 内触发该事件数次（甚至达数十次），如果事件处理程序在这 1s 内多次执行，必然会造成一定的性能问题，影响用户体验。

2021-04-04

爬过那么多座山，那么多次想要见的云海，就在这次不经意间实现了。

2020-09-05

一年一度的目标还是得继续坚持，今年因为疫情只能去近一点的地方，目标洛阳老君山。

React.js 发展至今已经成为 Web 前端领域一个重要的存在，这里主要是收集官方和非官方途径发布的一些非常有价值的资料，探索其背后的设计哲学，了解其团队决策时的思考和权衡。

眼看着从事 Web 前端开发已然快三年了，是该想想自己在这块已经获得的东西，和以后的选择了。