首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端下一步
掘金安东尼
创建于2023-03-07
订阅专栏
原《前端周刊》正式升级为《前端下一步》,门户站点frontendnext.com,助力前端开发者转型AI Agent工程师~
等 583 人订阅
共203篇文章
创建于2023-03-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
⏰前端周刊第 453 期(2026年2月9日-2月15日)
本期围绕“浏览器互操作标准 Interop 2026 + TypeScript 6.0 Beta + Web 与 AI/Agent 能力结合”展开:一组来自 web.dev、WebKit
Angular 中的增量水合:构建“秒开且可交互”的 SSR 应用
Angular 的增量水合(Incremental Hydration)通过把“可见”与“可交互”的成本拆开:页面仍然用 SSR 很快渲染出完整 HTML(有利于 LCP/SEO),但把某些区域的客户
零 JavaScript 的性能优化视频嵌入
嵌入视频往往会显著拖慢页面:播放器会加载一堆额外资源,即使用户最终根本不点播放。 常见的优化是用 lite-youtube-embed 之类的轻量组件先占位、再按需加载。但如果视频就在首屏(above
到底滚动了没有?用 CSS @container scroll-state 查询判断
过去几年里,我们经常需要用 JavaScript(滚动事件、Intersection Observer)来回答一些看似简单的问题: 这个 sticky 头部现在真的“贴住”了吗? 这个 scroll-
测量 SVG 渲染时间
本文想回答两个很直接的问题: 大型 SVG 的渲染是否显著比小 SVG 慢?有没有一个“超过就很糟糕”的尺寸阈值? 如果把这些 SVG 转成 PNG,渲染表现会怎样? 为此,作者生成了一批测试图片,并
WebView 桌面应用全景对比:从 Tauri 到 pywebview、Wails、Bun、Node,再到 Qt/GTK/原生封装
WebView 桌面应用”这条路线的本质很朴素: 界面层用 HTML/CSS/JS 来获得极高的 UI 生产效率,渲染层交给系统自带的 WebView(Windows WebView2 / macOS
用 CSS 解决“真·shrinkwrap”:把自动换行的内容,紧贴包起来
前端写 UI 写久了,你总会遇到一种特别别扭的视觉:内容明明只有两三行字,容器却像被“撑到一整行”那样宽,留下一大块无意义的空白。标题、标签、气泡、tooltip、legend、图片 caption…
CLI → TUI → GUI → Web,交互设计 4 次跃迁
新一代技术出现,上一代技术自然被淘汰。可在真实的工程世界里,事情往往更复杂。 从 CLI 到 TUI,再到 GUI,最终进入 Web 时代,这四次变化既是界面形式的变化,也是软件工程哲学的变化。
⏰前端周刊第 452 期(2026年2月2日-2月8日)
💬 推荐语 本期聚焦“交互组件选择 + 浏览器行为细节 + 生态工具更新”。Web 开发部分从组合框/多选/列表框的选型指南、浏览器对“意外”变更的敏感反应,到“不要把单词拆成字母”的可访问性提醒;工
《TanStack Start 深入解析:Single Flight Mutations 机制(第二篇)》
这篇文章延续 Part 1 的思路:把一次 mutation 所需的 UI 更新数据,在同一次网络往返里一起带回来(避免 mutation 后再额外发请求 refetch)。 Part 2
一个月手搓 JavaScript runtime
我做了一个叫 Ant 的小型 JavaScript runtime(大概 2MB)。源码、测试和文档都在 GitHub:https://github.com/themackabu/ant/
React 的 ViewTransition 元素
直接使用 `document.startViewTransition` 已经足够灵活,而 `<ViewTransition>` 的价值更多体现在与 React 生命周期、Suspense、并发更新
一次 WebGPU 流体之旅
本文是一段回顾式的长旅程:作者用十多年的时间不断尝试“浏览器里做流体”,从 WebGL 时代的各种 Hack,一路走到 WebGPU 让许多“现代图形 API 能力”变得可用。 Demo:https:
Rolldown 1.0 RC 发布 !!
今天我们非常兴奋地宣布 Rolldown 1.0 的候选版本(Release Candidate,RC)。 TL;DR:Rolldown 是一个用 Rust 编写的 JavaScript/TypeSc
Vercel 的 json-render:迈向生成式 UI 的一步
Vercel 最近发布了一款名为 json-render 的新开源工具,这标志着向生成式用户界面迈出了一步——这是 Vercel 为 AI 生成的 Web 界面创造的术语。 “如果大语言模型不仅仅是生
⏰前端周刊第 451 期(2026年1月25日-1月31日)
本期主题偏向“平台新能力落地 + 工程工具链升级”。Web 开发部分重点关注 HTML Invoker Commands 在主流浏览器达成 baseline 支持,以及 Chrome Ca
React 最佳实践发布:Vercel 官方出品的性能优化指南
我们将 10 多年来在 React 和 Next.js 优化方面积累的知识,浓缩成了 react-best-practices 项目。这是一个专门为 AI Agent 和大语言模型(LLM)优化的结构
掌握前端权衡:2026 高级开发者指南
如今的前端生态不再仅仅由新鲜感驱动。团队现在更看重性能预算、招聘信号、维护成本,以及当需求变动时产品的响应速度。 大家评价一个库的标准,已经从“够不够火”转向了它在复杂、混乱的真实系统中的表现。
useOptimistic 救不了你
乐观 UI (Optimistic UI) 乐观 UI 是指在后台操作尚未完成时,为了响应用户交互而立即更新 UI 的技术。这种做法让界面响应速度与网络延迟实现了脱钩。最典型的例子就是“点赞”按钮。
⏰前端周刊第 450 期(2026年1月18日-1月24日)
💬 推荐语 本期主题偏向“细节工程化 + 新能力落地”。Web 开发部分从 2026 年 favicon 的最小配置、ARIA 经验教训与“像素级还原”的再思考出发,延伸到平台公司为何持续收购前端框架
下一页