博客列表

使用 Jest 和 Puppeteer 构建 Web 自动化测试平台

• LeeZChuan
• 计算机技术 , Web前端 , 工具 , 测试 , Jest , Puppeteer

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

Web 前端性能优化：核心概念与指标

• LeeZChuan
• 计算机技术 , Web前端 , 性能优化 , 核心概念

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

Fastify框架 - 专注于性能和低内存消耗

• LeeZChuan
• 计算机技术 , Node.js , Fastify

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

理解编程语言的设计与实现

• LeeZChuan
• 计算机技术 , 工具

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

Web 前端性能优化：解析函数节流与防抖的实现

• LeeZChuan
• 计算机技术 , Web前端 , Java script , 性能优化 , 节流与防抖

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

使用 npm

• LeeZChuan
• 计算机技术 , Node.js , Npm

npm 是 Node.js 的一个包管理器，Web 前端工程师也经常利用它来简化开发流程，看看如何愉快的使用 npm ，并且发布自己的包，让 npm 成为我们的开发利器。

IDE：VS Code 配置同步

• LeeZChuan
• 计算机技术 , 工具 , 编辑器 , ID e , 配置同步

利用一款插件来同步 VS Code 的配置到 GitHub 的 gist 上，实现多个设备间共享一套配置。

Web 前端架构设计

• LeeZChuan
• 计算机技术 , Web前端 , 程序架构设计

让 Web 前端开发可持续化、可扩展，关注四个核心代码、流程、测试、文档。

Nginx 配置

• LeeZChuan
• 计算机技术 , 服务器 , Nginx

建议主要参考官网英文文档。

具体指令直接可以在官网文档的 Alphabetical index of directives（按字母顺序排列的指令索引）中搜索即可。

Web 应用：单页面应用与路由

• LeeZChuan
• 计算机技术 , Web前端 , Spa , 路由

现在，Web 技术不仅仅是局限于页面的开发技术，在应用的开发方面也是一种潮流，B/S 架构的技术是一种趋势。而像一般的管理型 Web 应用，不注重 SEO，非常适合单页面应用（SPA）的实现方式，而路由功能则是单页面应用的核心技术。