[javaScript]ES2023 引入非破坏性方法

ES2023为Array新增了四个非破坏性方法:toReversed、toSorted、toSpliced和with,它们在不修改原数组的前提下提供相同功能,显著提升代码可读性和安全性。本文详解每个方法的用法与差异,帮助开发者轻松实现不可变操作,告别手动复制数组的繁琐。

使用jsx来编写模板

本文探讨如何使用 JSX 替代传统模板引擎来编写前端和后端模板,解决语法提示缺失、错误检查困难和学习成本高等问题。通过 Preact 和 Webpack 等工具链,实现 JSX 在 Node 环境中的编译与渲染,提升开发体验与代码可维护性。

hook下如何书写发布订阅

本文详解如何在 Vue 中实现类似 React 的 Hook 发布订阅机制,解决组件间通信繁琐问题。通过自定义 `useEventEmitter` Hook,开发者可轻松实现事件通知与自动内存清理,提升代码复用性与维护性,特别适用于价格变化触发列表刷新等场景。

monorepo 如何解决别名问题

在 monorepo 项目中,如何通过 package.json 的 `exports` 字段优雅解决模块路径别名问题?本文详解如何用 TypeScript + pnpm 实现跨包引用无需冗长的 src 路径,提升开发体验与代码可读性,同时兼容不同环境(ESM/CJS)和类型定义。

TypeScript 类型收窄

TypeScript 类型收窄

本文深入解析 TypeScript 中的类型收窄机制,帮助开发者在联合类型场景下精准控制变量类型。通过 typeof、条件语句、in 运算符、instanceof 等多种方式,实现运行时逻辑与编译时类型安全的完美结合,特别适用于异步队列管理等复杂类型推导场景。掌握这些技巧可显著提升代码健壮性与可维护性。

nginx 极简入门

nginx作为高性能的HTTP和反向代理服务器,是现代Web开发不可或缺的工具。本文从基础概念出发,详解反向代理与负载均衡的核心原理,并通过实战配置展示如何实现静态站点部署、SPA单页应用(支持hash和history路由模式)以及资源路径映射(alias vs root)。即使你是新手,也能快速掌握nginx极简入门技能,解决跨域、性能优化等常见问题。

nginx 极简入门 - 图片 1
nginx 极简入门 - 图片 2
nginx 极简入门 - 图片 3

.gitattributes 正确使用姿势

本文揭秘了.gitattributes文件的正确用法,解决因行尾符不一致导致的图片无法预览、代码格式错误等问题。通过对比V8与pdf.js等开源项目实践,提供两种高效配置策略:精准指定文本文件类型或全局处理后补充二进制文件规则,并附带迁移与兼容性指南,助你轻松统一多平台开发环境。

.gitattributes 正确使用姿势 - 图片 1
.gitattributes 正确使用姿势 - 图片 2
.gitattributes 正确使用姿势 - 图片 3
yarn.lock 引发的血案

yarn.lock 引发的血案

一次因误删 yarn.lock 文件引发的依赖混乱,揭示了现代包管理器为何依赖 lock 文件来确保安装一致性。本文深入解析扁平化安装的隐患、lock 文件的作用机制,以及 pnpm 等新型管理器如何通过软链接优化性能,帮助开发者理解并规避依赖不确定性问题。

vite 源码解析之 create-vite

本文深入解析 Vite 源码中 create-vite 的实现机制,揭示其如何高效创建项目脚手架。通过分析命令行交互、模板选择与文件生成流程,帮助开发者理解底层逻辑并提升工具定制能力。

vite 源码解析之 create-vite  - 图片 1
vite 源码解析之 create-vite  - 图片 2
使用 TypeScript 来编写 cli 程序

使用 TypeScript 来编写 cli 程序

随着前端项目复杂度提升,TypeScript 在 CLI 工具开发中日益重要。本文深入探讨使用 TypeScript 开发 Node CLI 程序的四种主流方案:tsc、rollup、ts-node 与 esbuild,分析各自的优缺点及适用场景,帮助开发者在构建效率、运行性能与工程化之间做出最佳权衡。

Babel to Class之原生构造函数继承(4)

在JavaScript中实现原生构造函数的继承一直是个挑战。本文深入探讨从Babel到Class的演变过程,解析如何正确继承如Array、Error等内置对象,揭示ES6类继承背后的机制与陷阱,帮助开发者写出更可靠、兼容性更强的代码。

函数组合

函数组合是函数式编程中的核心概念,它通过将多个函数按顺序执行,实现代码的简洁与可维护性。本文深入解析函数组合的原理、实际应用场景及在JavaScript等语言中的实现技巧,帮助开发者提升代码抽象能力,构建更优雅的软件架构。

漫谈异步函数执行的前世今生

本文梳理了JavaScript异步函数的演进历程,从回调函数到Promise、Generator再到async/await,揭示每种方案解决的核心问题与局限。通过爬虫案例对比不同写法,帮助开发者理解异步编程如何逐步走向简洁、可维护和易读,是掌握现代JS异步机制的必读指南。

手写PromiseA+规范

本文深入解析PromiseA+规范的手写实现,帮助开发者理解异步编程的核心机制。通过从零构建符合标准的Promise类,揭示then链式调用、状态管理与错误处理等关键逻辑,提升代码质量和工程素养。适合想深入掌握JavaScript异步原理的前端工程师。

如何编写爬虫

如何编写爬虫

本文详解如何使用Node.js、Cheerio和Axios编写高效网页爬虫,涵盖HTML解析、分页处理、限速策略与IP池管理,并强调遵守robots.txt协议与法律合规的重要性,助你安全获取目标数据。