文章记录

桥接模式：跨平台的事件机制设计

2022-06-12

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

最近在做图表组件库的技术调研的架构方案设计，参考了很多开源库的源码，发现其中跨平台的事件机制设计很值得学习，如果要用软件设计模式来解释，那大概就是桥接模式了。

如何更好的维护开源项目

2022-04-22

• LeeZChuan
• 工具 , 开源 , 计算机技术 , 项目

一直以来开源精神被开发者所推崇，维护开源项目需要注意什么，有哪些工具可以帮助我们解决通用的复杂问题，值得学习了解。

一些互联网名词

2022-03-27

• LeeZChuan
• 商业 , 互联网名词

互联网时代创造了诸多名词，而这些与商业活动紧密相关，了解一下还是挺有趣的。

TypeScript：扩展第三方库的类型定义

2022-01-09

TypeScript 作为 JavaScript 的超集，为 Web 开发带来了强类型语言和类似代码智能提示这种良好的开发体验，如何对第三方依赖库的类型定义进行扩展呢？

解析基于 core-js 与 ESLint 的 Web 兼容方案

2021-12-07

• LeeZChuan
• 计算机技术 , Web前端 , 工具 , Polyfill

Web 网页为了保证在多个平台和低中高端设备上的体验稳定性和一致性，通常会做 Polyfill 以保证兼容性，当下社区的主流方案则是基于 core-js，而 ESLint 则可作为自动检测的辅助工具。

Web 前端调试工具：SourceMap 文件

2021-11-28

• LeeZChuan
• 计算机技术 , Web前端 , 工具 , Source map

Web 前端项目在生产环境发布的代码是经过混淆和压缩的，如何调试则成为了一个难题，SourceMap 文件则是一个解决该问题时可以利用的很好的工具。

前端开发中的流程自动化与提效实践

2021-11-28

• LeeZChuan
• 计算机技术 , Web前端 , 提效

前端开发中的流程自动化与提效实践。

Web 应用：轻量级状态管理工具 zustand

2021-11-18

• LeeZChuan
• 计算机技术 , Web前端 , 应用状态管理 , React

Web 网页向 Web 应用发展的过程中，势必会出现 Web 项目的复杂化问题，而在移动端场景，基于 React.js 的应用中如何管理状态？zustand 也许值得一试。

Web 前端性能优化：案例分析 1

2021-09-24

• LeeZChuan
• 计算机技术 , Web前端 , 性能优化 , 案例分析

Web 性能相关的概念很多，但如何落地在真实业务场景中，其实是一个比较难的事情，或者说机会鲜有，在这里记录一下真实业务案例做性能优化的过程。

Child process API: spawn vs exec

2021-08-25

• LeeZChuan
• 计算机技术 , Node.js , Spawn , Exec

使用 Node.js 编写一些脚本工具是非常方便的，而常用的 spawn 与 exec API 有什么不同呢？

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

2021-08-15

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

谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了极大的便利，这里记录了如何使用它们构建一个 Web 自动化测试平台。

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

2021-07-19

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

在一些较为复杂的 Web 应用中可能会出现性能瓶颈，导致用户体验急剧下降，做优化之前更应该了解一下相关的核心概念，从而在出问题时确定优化路径。

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

2021-06-27

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

Fastify 作为一个 Node.js Web 框架，是如何实现高性能和低内存消耗的呢？?

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

2021-05-02

• LeeZChuan
• 计算机技术 , 工具

编程语言为开发者提供了诸多便利，那么它是如何被发明的，不同的语言设计理念有什么不同呢？

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

2021-04-25

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

前端开发中广泛采用的优化技巧，函数节流与防抖。

使用 npm

2019-07-06

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

npm 是 Node.js 的一个包管理器，Web 前端工程师也经常利用它构建前端工作流，来看看如何愉快的使用 npm。

使用 Git

2018-12-31

• LeeZChuan
• 计算机技术 , 工具 , Git

Git 是一个分布式的版本控制工具，类似的版本控制工具还有 SVN ；由于 GitHub 平台的盛行，也使得 git 更加受欢迎，在 Windows 平台使用 git 也是非常方便的。

Linux-基础

2018-10-28

• Clone
• 计算机技术 , 操作系统 , Linux

Linux 是在做一些较为底层的开发工作时的必要开发环境，了解 Linux 也对操作系统概念的理解有很大的帮助，这篇文章是对 Linux 的一些基础概念的阐述。

Web 前端性能优化：工具与技巧

2018-08-20

• LeeZChuan
• 计算机技术 , Web前端 , 性能优化 , 技巧

Web 前端的性能优化是非常迫切的，客户端的资源非常有限，而且层次不齐，很容易造成一些性能问题从而影响到最终给用户所呈现的数据信息结构的不完整。为了增强用户体验，我们必须在各个方面进行优化，同时也可以节省服务器成本。

IDE：VS Code 配置同步

2018-08-15

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

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

Web 前端跨域访问

2018-08-10

• LeeZChuan
• 计算机技术 , Web前端 , 安全 , 跨域

为了用户的安全，浏览器通常都会限制跨域（Cross-domain）访问，也就是默认不允许不同域名下页面之间进行资源的传递和信息交互，但很多时候我们又有跨域请求资源的需求。

块级格式化上下文（BFC）

2018-07-22

• LeeZChuan
• 计算机技术 , Web , Web 前端 , Css , Bfc

在进行页面布局时，通常有流式布局、定位布局、浮动布局这三种形式。而在布局过程中，各元素之间的影响却是一个很关键的问题。

HTTP 协议

2018-06-24

• LeeZChuan
• 计算机技术 , 协议 , HTTP

随着 Internet 的发展，使用 Web 浏览器获取网络数据信息已经成为一种习惯标准，而 HTTP 协议也因此成为了网络体系中最重要的应用层协议。

IP 协议

2018-06-23

• LeeZChuan
• 计算机技术 , 协议 , IP

作为 TCP/IP 协议栈中最核心的协议，IP 协议为网络数据传输和网络互联提供最基本的服务。IP 协议有 IPv4 和 IPv6 两个版本，我们只讨论 TPv4 版本的 IP 协议。