首页

笔记本

记录灵感与思考的地方

笔记分类

全部defaultkeyword2blogpowerfulyangpowerfulyang:deepseek_r1半手工打造纯手工打造

Node.js:警惕同步阻塞,拥抱异步并发

该文探讨Node.js同步/异步文件读取性能差异及阻塞问题。背景:`fs.promises.readFile`比`fs.readFile`慢。问题:同步读取阻塞事件循环,影响并发。方案:避免同步I/O,采用异步方式,如`fs.promises.readFile`,提升服务器并发性能。

后端开发Node.js异步编程事件循环文件系统性能优化并发处理TypeScript
Elliot Yang·2024/11/22
158 浏览

TypeScript实用技巧:提升代码质量

本文介绍了 TypeScript 中 `satisfies` 运算符的实用技巧。`satisfies` 允许在不丢失类型推断的情况下为值添加类型注解,特别适用于强类型化函数。文章通过 `URLSearchParams` 的例子,展示了如何使用 `satisfies` 实现更强的类型检查,避免因类型宽松导致的潜在错误。

技术编程TypeScript类型系统satisfies代码质量前端开发类型推断
Elliot Yang·2024/02/25
124 浏览

面试准备:协商缓存、DOM加载、超大表格优化

本文总结了面试准备中可能遇到的技术问题及优化方案。包括:协商缓存的应用场景、JS/CSS对DOM加载的影响及优化、超大表格渲染卡顿的解决方案(如requestAnimationFrame、渐进式加载、预加载/缓存、DOM缓存等)。

前端性能优化协商缓存DOM加载虚拟滚动对象池面试
Elliot Yang·2024/01/24
128 浏览

Webpack自定义Loader实战指南

本文介绍了 webpack 中自定义 loader 的方法。loader 本质是导出函数的 JavaScript 模块,用于转换资源文件。文章讲解了`this.emitFile`、`this.callback` 的使用,以及Pitching Loader 的概念,并说明如何在 loaders 之间共享 Data,最后提到了 loader 的测试方法。

前端工程化Webpack自定义Loader模块打包构建工具Loader开发前端开发
Elliot Yang·2024/01/04
102 浏览

:root 优于 HTML:CSS 优先级解析

`:root`与`html`选择器在CSS中作用范围相似,都指向HTML根元素。关键区别在于优先级:`:root`作为伪类,优先级高于`html`。若两者定义相同属性,`:root`声明会覆盖`html`声明。通常用于定义全局CSS变量,确保文档范围内可访问。

前端开发CSS:root伪类选择器优先级CSS变量样式覆盖
Elliot Yang·2024/01/04
105 浏览

Next.js Edge Function 超限修复指南

Next.js 14.0.4+ Edge Function 打包体积超限问题,源于pages目录SSR禁用组件未分离。解决方案:1) 使用next/dynamic引入大体积组件并禁用SSR;2) 修改next.config.js中webpack配置,确保next-swc-loader的esm选项为true (14.1.0后配置方式变更)。

前端开发技术Next.jsWebpack动态导入SSR优化
Elliot Yang·2023/12/12
157 浏览
共 149 条,每页 6 条,共 25 页
...
跳至页