2023-2025 年前端技术趋势回顾与展望
6 min回顾过去两年间前端领域的重要变革,从 AI 辅助开发到框架的演进,再到 CSS 的新特性和构建工具的革新,展望未来的发展方向。
Unix 工具速查表
2 min具体使用还是阅读man靠谱,但是暂列在此处以便生疏时查看。工具 作用 示例 cat 显示/连接文件 cat file.txt grep 筛选匹配的行(支持正则) grep "ERROR"app.log awk 按列处理文本,可写逻辑 aw...
迷失互联网
4 min最近看到越来越多人使用AI学习,颇有种AI在手、天下我有的趋势。我学习Linux一些新知识的时候,自然也想试试看。但试了一些命令,发现跑不通。于是去网上搜索或问 AI,结果 AI 给出的回答,有时候并不符合我的实际情况,甚至可能带来新的问题...
取用之思考
5 min老说技术改变生活,照理讲大家的生活在科技发达的今天比起古人要先进的多得多。不过依我日常看来,这个事儿好像反过来了,怎们咱们的生活反教这些科技给捆绑起来了,叫我一下不用当今的技术也不大现实、也不符合我们开头所说的宗旨。现在整理下这个问题上一路...
如何获取属于你的操作系统
12 minArch奉行极简主义,用户可以自行构建任何想要的功能,接下来以实际本机部署为例简单介绍如何构建属于自己的archlinux 电脑、U盘(任何移动存储介质)、网络、基本检索能力 不论你采取何种镜像方案,即使是离线版镜像构建我也推荐你准备网络条...
深入理解 Hydration:现代前端框架的“必要之恶”?
6 min服务端渲染 (SSR) 带来了快速的首页加载,但也引入了 Hydration 的概念及其性能开销。它是什么?为何会产生“交互延迟”?以及社区正在探索哪些替代方案?
WebAssembly (WASM) 正在如何改变前端开发
5 minJavaScript 不再是浏览器中唯一的“玩家”。WebAssembly (WASM) 正在通过提供接近原生的性能,将桌面级的复杂应用(如 Photoshop, Figma)带到 Web 上。
使用 View Transitions API 打造无缝的页面过渡动画
5 min网页跳转时的“白屏闪烁”一直以来都是影响用户体验的顽疾。现在,浏览器原生提供了 View Transitions API,让我们能用几行代码就实现电影般的页面过渡效果。
深入理解 React Server Components
4 minReact Server Components (RSC) 是 React 近年来最重要的范式转变。本文将深入探讨其核心概念、解决的问题以及它如何重塑我们构建应用的方式。
告别 process.env.UNDEFINED:在项目中实现类型安全的环境变量
5 min环境变量的缺失或格式错误是常见的运行时 Bug 来源。通过使用 Zod 等验证库,我们可以在应用启动时就确保所有环境变量都是类型正确且存在的,从而根除此类问题。
Vue 3.4 更新:v-bind 写法更简洁,性能再提升
4 minVue 3.4 "🏀 Slam Dunk" 正式发布,带来了更高效的响应式系统重构,并稳定了 defineModel API,让双向绑定的组件开发体验得到巨大提升。
再见 Rome,你好 Biome:一体化前端工具链的新选择
4 minRome 工具链的愿景曾让无数开发者心动,在其商业化失败后,社区以 Biome 的名义继承其衣钵。这个用 Rust 编写的一体化工具链,能否成为我们工具箱的下一位成员?
Bun 1.0 正式发布:挑战 Node.js 的全能运行时
4 min2023年9月,Bun 1.0 的发布在 JavaScript 社区掀起波澜。这个从头开始构建的 JavaScript 工具包,凭借其惊人的速度和“一体化”的设计,正式向 Node.js 的主导地位发起挑战。
原生 CSS 嵌套(Nesting)终于来了!
4 min我们等了十年!Sass/Less 的核心功能——选择器嵌套——终于被主流浏览器原生支持。告别预处理器,迎接更简洁、更直观的 CSS 编写方式。
Utility-First CSS 的崛起:以 Tailwind CSS 为例
4 min告别 BEM 和 CSS-in-JS 的烦恼?Utility-First CSS 思想和其代表框架 Tailwind CSS 近年来席卷了前端社区。它究竟有何魅力?
下一代端到端测试工具:Playwright 上手指南
5 min厌倦了不稳定的端到端(E2E)测试?由微软出品的 Playwright 凭借其跨浏览器能力、自动等待机制和强大的调试工具,正在成为自动化测试领域的新标杆。
Signals:前端响应式的新浪潮
5 min从 SolidJS 到 Qwik,再到 Preact 和 Svelte 5,Signals 正在成为现代前端框架实现高性能响应式更新的核心范式。本文深入探讨其工作原理及生态影响。
告别 API 文档:使用 tRPC 构建端到端类型安全的应用
5 min在全栈 TypeScript 项目中,如何确保前端和后端的数据契约保持同步?tRPC 提供了一种无需代码生成、没有中间模式的方案,实现了真正的端到端类型安全。
探索 Astro:为内容驱动的网站而生
4 min在单页应用 (SPA) 大行其道的今天,Astro 另辟蹊径,专注于内容网站的极致性能。它的“岛屿架构”究竟有何魔力?
SvelteKit 1.0 正式发布:新一代 Web 应用构建方式
4 min历经两年多的开发,SvelteKit 1.0 终于在 2022 年 12 月正式发布!它被誉为构建各种规模 Web 应用的未来,本文将带你了解其核心特性和设计哲学。
React 状态管理演进史:从 Props Drilling 到 Zustand
6 minReact 的状态管理方案从最初的 “属性钻探” 到 Redux 的“大一统”,再到如今 Zustand 等轻量级库的“百花齐放”,本文将带你回顾这段精彩的演进历史。
从 Webpack 到 Vite:一次平滑的迁移之旅
4 min你的 Webpack 项目启动需要一分钟,热更新要等十几秒?是时候拥抱下一代前端构建工具了。本文记录了一次从 Webpack 到 Vite 的迁移过程和心得。
零运行时 CSS-in-JS:兼顾开发体验与极致性能
5 minCSS-in-JS 提供了卓越的开发体验,但其运行时性能开销一直备受争议。零运行时 CSS-in-JS 方案在构建时提取样式到静态 CSS 文件,实现了两全其美。
ES2022 新特性概览:Top-Level Await, .at(), and more
4 minECMAScript 2022 (ES2022) 正式发布,带来了一系列实用的新特性。本文将带你快速了解其中最值得关注的几个更新,包括 Top-Level await, .at() 方法等。
告别 Redux Boilerplate?轻量级状态管理器 Zustand 详解
4 minRedux 的繁琐让你望而却步?Zustand 提供了一个基于 Hooks 的、极简的 React 状态管理方案。本文将带你了解它的核心用法和设计思想。
使用 Turborepo 管理你的 Monorepo 项目
5 min随着项目越来越复杂,Monorepo 成为一种流行的代码组织方式。但随之而来的构建性能问题如何解决?Turborepo 正是为此而生的高性能构建系统。
SolidJS:一个真正具有响应性的 JavaScript 框架
5 min它看起来像 React,但它没有虚拟 DOM。SolidJS 通过其创新的细粒度响应式系统,在性能上达到了新的高度。让我们一探究竟。
你真的会用 Fetch 吗?深入 AbortController 实现请求取消
4 min在现代 Web 开发中,Fetch API 已经成为发起 HTTP 请求的标准。但你是否知道如何优雅地取消一个不再需要的请求?AbortController 就是你的答案。