前端相关技术文章（第2页）

php mysql shell go vue css api接口对接支付接口对接

用 AI 版自己替换开发 portfolio：当网站的主界面变成对话

用 AI 版自己替换开发 portfolio：当网站的主界面变成对话
2026-09-07 19:13:13
把个人站改造成对话主界面：Markdown 知识库 + 按需检索 + 生成流式回答。含上线被真实用户打爆的教训：serverless 超时、后端自托管，以及代表真人的置信度三态设计。
AI 前端 Svelte 个人站 RAG

照片编辑器预览与导出不一致？用版本化渲染计划统一构图决策

照片编辑器预览与导出不一致？用版本化渲染计划统一构图决策
2026-09-07 17:12:12
照片编辑器预览与导出不一致的根因是构图决策未固化：把选源、裁剪、分层、随机种子存成版本化渲染计划，预览与高清渲染消费同一决策源。含 TypeScript 类型设计与归一化坐标要点。
TypeScript 渲染架构设计前端缩略图

React 状态“一直正常”——直到同时打开两个标签页

React 状态“一直正常”——直到同时打开两个标签页
2026-09-07 16:36:31
useState 限定在组件树、localStorage 限定在源：多标签页下旧快照互相覆盖。监听 storage 事件重读 localStorage 即可同步，含完整 Hook 代码与 BroadcastChannel 替代方案。
React 前端 localStorage 工程实践

为什么把前端当后端做会失败

为什么把前端当后端做会失败
2026-09-07 12:13:56
前端不是简单的逻辑问题：UX 情境化、可访问性、键盘焦点与标注过度都会让界面翻车。文章拆解前后端哲学差异，用标题大纲、焦点管理、替代文本三个例子说明只看视觉判断网站的陷阱。
前端可访问性用户体验 HTML

CSS 月度速览：Custom Highlight API、text-stroke 修复与导航匹配

CSS 月度速览：Custom Highlight API、text-stroke 修复与导航匹配
2026-09-07 09:50:46
CSS-Tricks !important 第 17 期要点：Custom Highlight API 全浏览器支持、img 内容溢出与 CSS 换图、paint-order 修复 text-stroke、纯 CSS 骨架屏、scroll-axis-lock 对角线滚动与 CSS 导航匹配。
CSS 前端浏览器特性

VS Code 的 docfind：用 Rust 和 WebAssembly 构建快速客户端搜索

VS Code 的 docfind：用 Rust 和 WebAssembly 构建快速客户端搜索
2026-09-07 05:14:06
VS Code docfind 技术解读：用 Rust+WebAssembly 构建纯客户端文档搜索，FST 快速关键词查找 + RAKE 关键词提取 + FSST 字符串压缩，索引紧凑、查询即时、零服务端依赖。
VS Code docfind Rust WebAssembly FST 搜索引擎前端

Svelte 5.57.0 发布：服务端渲染导出增强、createContext has 函数与 SvelteMap 新方法

Svelte 5.57.0 发布：服务端渲染导出增强、createContext has 函数与 SvelteMap 新方法
2026-09-07 04:09:05
Svelte 5.57.0 发布：svelte/server 新增 RenderOutput/Csp 等导出、createContext 新增 has 函数、select 支持 defaultValue、SvelteMap 新增 getOrInsert/getOrInsertComputed，含多项修复与 SSR 性能优化。
Svelte 5.57.0 前端 createContext SvelteMap SSR 发布

TypeScript 6.0 Beta 发布：连接 5.9 与 7.0 的桥梁版本

TypeScript 6.0 Beta 发布：连接 5.9 与 7.0 的桥梁版本
2026-09-07 03:11:57
TypeScript 6.0 Beta 发布：基于 JavaScript 代码库的最后一个版本，充当 5.9 与 7.0 的桥梁。7.0 将采用 Go 编写的新编译器（原生速度+多线程）。6.0 减少无 this 函数上下文敏感性，npm install -D typescript@beta 即可体验。
TypeScript 6.0 Go 编译器 Beta 类型系统前端

Document Picture-in-Picture API 实战：用 Web 标准 API 创建浮动桌面小组件

Document Picture-in-Picture API 实战：用 Web 标准 API 创建浮动桌面小组件
2026-09-06 23:16:36
CSS-Tricks介绍Document Picture-in-Picture API(DPIP)，Firefox 151正式支持。与传统视频PiP只能显示视频不同，DPIP可以将任何HTML内容放入始终置顶的浮动窗口，创建桌面级Web小组件(股票行情/实时聊天/播放列表/待办事项/笔记/电子表格)。核心API：window.documentPictureInPicture.requestWindow({width,height})返回独立Window对象，必须在用户手势中调用，一次只能一个活动窗口。基本用法：检查支持→请求窗口→复制样式→移动/克隆元素→绑定事件→监听关闭。实际案例：股票行情浮动小组件(HTML结构+CSS样式+DPIP特定CSS媒体查询+JavaScript类实现)。注意事项：样式隔离(需手动复制样式表)、事件监听器(移动后可能需重新绑定)、JavaScript执行环境(独立window/document)、用户手势要求、单窗口限制、浏览器兼容性(Safari不支持需降级)、可访问性、性能考虑。应用场景：生产力工具/通信工具/媒体娱乐/开发工具/数据金融。与视频PiP/浏览器扩展/新窗口/侧边栏对比。
Document Picture-in-Picture DPIP Web API 前端 CSS-Tricks 浮动窗口 Web小组件浏览器API 股票待办

htmx 4.0 发布：从 2.x 直接跳到 4.0，引入扩展系统与 ETag 支持

htmx 4.0 发布：从 2.x 直接跳到 4.0，引入扩展系统与 ETag 支持
2026-09-06 09:15:22
htmx 4.0正式发布，版本号从2.x直接跳到4.0。核心变更包括：正式的扩展系统（开发者可通过扩展增强功能而不改核心）、ETag缓存支持（减少AJAX请求的网络传输量）、Firefox窗口上下文绑定修复、属性值统一返回字符串类型、OOB交换优化。htmx是轻量级JavaScript库，允许通过HTML属性直接访问AJAX、CSS过渡、WebSocket等，适合服务端渲染应用和不想引入重型前端框架的项目。
htmx JavaScript AJAX 无代码前端开源扩展系统 ETag

Source Map 是一个声明，而没有任何东西检查它是否真实

Source Map 是一个声明，而没有任何东西检查它是否真实
2026-09-06 04:12:42
Source Map本质上是一个关于编译后代码与源代码之间映射关系的声明，但没有任何工具或机制检查这个声明是否真实。文章探讨了可能出问题的场景（构建工具错误、Source Map与代码不同步、手动修改编译后代码、恶意伪造、sourcesContent不可信）、导致的问题（调试困难、错误追踪不准确、安全风险、代码分析不可靠）、验证方法（构建时验证、运行时验证、第三方工具、最佳实践），以及对工具开发者的建议（增加验证功能、提供诊断信息、安全考虑）。
Source Map 前端调试 Web开发 JavaScript TypeScript 构建工具安全

TypeScript 6.0 正式发布：大版本升级带来的新特性与改进

TypeScript 6.0 正式发布：大版本升级带来的新特性与改进
2026-09-05 20:44:56
微软发布 TypeScript 6.0 稳定版，这是自 5.0 以来首个大版本升级。包含更强大的类型推断、改进的控制流分析、装饰器增强、编译器性能提升、编辑器智能提示加速等特性，同时包含若干不兼容变更。
TypeScript TypeScript 6.0 JavaScript 类型系统编译器前端微软

ECharts 团队 JavaScript 代码规范要点梳理

ECharts 团队 JavaScript 代码规范要点梳理
2026-09-04 21:45:32
梳理 ECharts 团队的 JavaScript 代码简明规范：缩进、空格、换行、命名、语法特性等强制与推荐规则，含正反例代码，可直接落地为前端团队的编码规范基线。
JavaScript 编码规范代码风格 ECharts 前端

Vue 3.6 RC：把 Vapor Mode 搬上生产前，先避开这 6 个坑

Vue 3.6 RC：把 Vapor Mode 搬上生产前，先避开这 6 个坑
2026-09-04 21:03:25
Vue 3.6 RC 落地 Vapor Mode 与 alien-signals 响应式重构。本文给出开启 vapor 标记、createVaporApp/vaporInteropPlugin 两种建 App 方式的代码，以及 Options API 不支持、事件委托遇 stopPropagation、slots.default() 非无副作用干跑、自定义指令接口变化等 6 个上生产前的迁移坑点。
Vue 前端 Vapor 编译模式

CSS-in-JS 复活了，这次是为了让 AI 更好用

CSS-in-JS 复活了，这次是为了让 AI 更好用
2026-09-04 18:45:15
从 Linear 与 Cursor 将前端代码库从 Tailwind 迁到 StyleX 说起，拆解编译器约束、类型安全、确定性合并三条对 AI 编码 Agent 友好的理由，并给出独立开发者的选型建议与冷静判断。
StyleX Tailwind CSS-in-JS AI编程前端

Vue 3.6 正式发布、Vite 8 落地 Rolldown、Vue 4.0 立项：现在该不该动

Vue 3.6 正式发布、Vite 8 落地 Rolldown、Vue 4.0 立项：现在该不该动
2026-09-03 21:06:44
2026-07 Vue 官方发布 Vue 3.6（Vapor 按组件启用、alien-signals 重写响应式）、Vue 4.0 立项、Vite 8 落地 Rolldown。从工程升级角度给出：新项目与存量 3.5 各该怎么做，以及为何不必等 4.0。
Vue 前端 Vite

math-mastery：纯前端参数化出题的中小学数学练习工具

math-mastery：纯前端参数化出题的中小学数学练习工具
2026-09-03 00:01:06
一个纯前端、无依赖、单 HTML 即可离线运行的中小学数学练习工具。核心是参数化出题：每个知识点独立生成器，题干随机、答案由数学构造直接算出，不存在题库枚举与答案错配。覆盖小初高及部分大学先修，题目带 SVG 图解与交互动画。
前端 JavaScript 开源工具随机出题

浏览器机器指纹生成原理详解

浏览器机器指纹生成原理详解
2026-09-02 11:47:31
授权码绑定设备的机器指纹怎么生成：采集 Navigator、Screen、Canvas、时区四类信息拼接后做 DJB2 变体 hash。讲清为什么 Canvas 指纹最可靠、为什么不用 Web Crypto 的异步 SHA256，以及浏览器升级/隐私模式/字体变化等稳定性边界。
浏览器指纹前端安全

把 OCR 塞进浏览器：onnxruntime-web + PP-OCRv6 tiny 实战笔记

把 OCR 塞进浏览器：onnxruntime-web + PP-OCRv6 tiny 实战笔记
2026-09-01 18:27:29
本文介绍如何用onnxruntime-web将PP-OCRv6 tiny模型部署到浏览器，实现纯前端OCR识别。无需后端服务，图片不出本机。详细讲解模型下载、文本检测DBNet后处理、CTC解码等完整流程，适合内部工具与离线环境。注意这是demo级方案，需权衡设备性能。
OCR 前端 AI推理 WebGPU PP-OCRv6

Vue 3.6 Vapor Mode 不是白拿的：功能边界、共存策略与何时别开

Vue 3.6 Vapor Mode 不是白拿的：功能边界、共存策略与何时别开
2026-08-31 21:12:00
Vue 3.6 Vapor Mode 跳过虚拟 DOM 直操作真实 DOM、性能对标 Solid/Svelte 5，但能力缺口明显：不支持 Options API、Suspense、globalProperties、getCurrentInstance、v-memo、$el 等。讲清边界、共存策略与何时别开，避免盲目全项目切换。
Vue Vapor Mode 前端性能优化框架

AI 生成的前端页面为何千篇一律：同质化的成因与破解思路

AI 生成的前端页面为何千篇一律：同质化的成因与破解思路
2026-08-31 18:03:40
AI 工具生成的前端页面普遍同质化（紫色渐变、卡片叠卡片），成因在于训练语料中的高频模板与缺乏设计偏好约束。本文拆解成因，给出打破同质化的具体思路与取舍。
AI 编程前端设计同质化情感

CSS @layer 实战笔记：用层序终结选择器特异性战争

CSS @layer 实战笔记：用层序终结选择器特异性战争
2026-08-31 00:02:52
用 CSS Cascade Layers（@layer）把优先级从「特异性+源顺序」换成层序：第三方库塞进低层、业务样式不分层，一个 .btn 就能覆盖框架 0-3-1 的规则，全程不用 !important。讲清层序、未分层样式、!important 反转、@import layer() 与不适用场景。
Cascade Layers @layer CSS 前端样式优先级

Chrome 标签一多就成鱼干？Multi-Row Tabs 用零侵入浮动把标签多行平铺

Chrome 标签一多就成鱼干？Multi-Row Tabs 用零侵入浮动把标签多行平铺
2026-08-30 16:42:44
Chrome 标签开多了原生栏就挤成一排鱼干。本文拆解 Multi-Row Tabs 扩展的零侵入方案：不碰 DOM、不碰原生 UI，用可拖拽悬浮按钮加快捷键在页面顶部按需展开多行平铺标签面板，并讲清实现原理、取舍与适用边界。
Chrome 浏览器扩展前端效率工具零侵入

Kage：一个 HTML 文件里的京都山寺夜游——滚动控制器、AI 贴图与 Three.js 实时渲染的取舍

Kage：一个 HTML 文件里的京都山寺夜游——滚动控制器、AI 贴图与 Three.js 实时渲染的取舍
2026-08-30 16:41:05
Kage 用单个 HTML 文件把 AI 生成内容与 Three.js 实时渲染结合成可滚动的 3D 世界。本文拆解其滚动控制器、AI 贴图与运行时取舍，讲清适用场景、体积与性能边界，供想复刻或评估这种轻量 3D 做法的开发者参考。
Three.js 3D 前端 AI

大家都在搜索什么？

devops 易支付一个官网+多少钱统一接受回调统一回调 python sub node 宝塔日志 mysql shell ElasticSearch css vue api接口对接 2025 支付接口对接 go php php回调