前端技术文章
-
- Web Worker 与主线程 Transferable 数据传递
- 围绕 Web Worker 二进制消息传递，解释 ArrayBuffer 所有权、TypedArray 视图与 transfer 列表，提供往返示例及子视图、异常和在途任务的处理方法。
- 文章 · 前端 | 1星期前 | 110浏览 收藏
-
- Vite ?worker 怎样把 Web Worker 作为模块导入
- 在 Vite 项目里，使用 ?worker 导入得到的是 Worker 构造器，而不是普通模块对象。本文用一个最小的 TypeScript 示例说明 worker 文件、消息协议、?worker&inline、?sharedworker 与 vite/client 类型提示的关系，并整理部署和生命周期中的常见误区。
- 文章 · 前端 | 1星期前 | javascript · TypeScript vite Web Worker ?worker 前端多线程 110浏览 收藏
-
- Web APIs 怎样排查权限策略阻止的功能
- 从响应头、iframe allow、来源继承和浏览器授权四层拆解 Web API 被 Permissions Policy 阻止的排查方法，给出最小配置、检查代码与 Report-Only 使用边界。
- 文章 · 前端 | 2天前 | 前端 · Web APIs Permissions Policy iframe allow 110浏览 收藏
-
- Atomics.waitAsync 主线程等待共享内存通知的实现方式与超时边界
- Atomics.waitAsync 用非阻塞方式等待 SharedArrayBuffer 状态变化，但返回值同时存在同步字符串与异步 Promise。本文用最小示例说明返回判断、store/notify 顺序、超时分支和兼容性降级。
- 文章 · 前端 | 1天前 | 前端 · javascript · SharedArrayBuffer 前端并发 Atomics.waitAsync Atomics.notify 110浏览 收藏
-
- JavaScript CSS.registerProperty 怎样声明可动画自定义属性
- CSS.registerProperty() 可以为自定义属性声明语法类型、继承策略和初始值，让颜色、长度等值更适合参与 CSS transition。本文用原创示例说明四个字段、动画接法、重复注册异常和兼容性降级。
- 文章 · 前端 | 1星期前 | 109浏览 收藏
-
- ElementInternals 怎样让自定义元素参与表单校验
- 自定义元素默认不会自动进入原生表单校验和提交流程。本文用 ElementInternals、setFormValue 和 setValidity 实现一个可提交、可校验的自定义表单控件，并说明 name、required 与空值处理边界。
- 文章 · 前端 | 1星期前 | 109浏览 收藏
-
- TreeWalker 的 FILTER_SKIP 与 FILTER_REJECT 为什么影响不同子树
- TreeWalker 中 FILTER_SKIP 只跳过当前节点，仍会继续检查后代；FILTER_REJECT 则会剪掉当前节点及整棵后代子树。本文用静态 DOM 示例说明两者差异，并解释为什么收集文本时通常要同时显示元素和文本节点。
- 文章 · 前端 | 10小时前 | javascript · 前端 DOM遍历 TreeWalker NodeFilter FILTER_SKIP FILTER_REJECT 109浏览 收藏
-
- 前端 React useEffect 竞态 怎样处理
- React useEffect 发起搜索请求时，旧请求可能晚于新请求返回并覆盖页面状态。本文用 cleanup 的 ignore 标记与 AbortController 两层边界处理竞态，并用可观察指标判断修复是否生效。
- 文章 · 前端 | 2星期前 | React 竞态 Fetch AbortController useEffect 前端异步 107浏览 收藏
-
- HTMLInputElement.showPicker 怎样用自定义按钮打开选择器
- HTMLInputElement.showPicker() 可以让自定义按钮打开日期、文件、颜色或 datalist 等原生选择器；关键是保留用户点击上下文，先做特性检测，并为异常和旧浏览器准备原生 input 回退。
- 文章 · 前端 | 3星期前 | html · javascript · 表单 · 浏览器API · 自定义按钮 前端表单 HTMLInputElement.showPicker input选择器 106浏览 收藏
-
- JavaScript Map.groupBy 怎样按对象引用分组
- 通过工单分组示例说明 JavaScript Map.groupBy 的对象引用键、原引用查询、属性修改与成员重建，以及归档和清理方式。
- 文章 · 前端 | 1星期前 | 106浏览 收藏
-
- SVG feDisplacementMap 怎样选择位移使用的颜色通道
- SVG feDisplacementMap 的 xChannelSelector 和 yChannelSelector 分别决定水平、垂直位移读取的颜色通道。本文说明 R、G、B、A 的选择边界、默认值、scale 与 0.5 中性值的关系，并给出可直接改写的 SVG 示例。
- 文章 · 前端 | 1星期前 | 104浏览 收藏
-
- CSS mask-composite 在 Safari 和 Firefox 结果不同怎么办
- 区分标准 mask-composite 与 WebKit 旧合成语法，说明层列表、运算方向与简写重置，并提供两层 exclude 示例和限定范围的 xor 回退。
- 文章 · 前端 | 4星期前 | 103浏览 收藏
-
- JavaScript Intl.Segmenter 怎样按中文词边界切分文本
- JavaScript Intl.Segmenter 可以按区域语言和粒度拆分文本。本文用 zh-CN 与 word 粒度处理中文，说明 segment、index、isWordLike 的读取方式，并给出高亮、截断和旧环境特性检测的边界。
- 文章 · 前端 | 2星期前 | 中文 · javascript · 前端开发 · JavaScript 文本处理 国际化 中文分词 Intl.Segmenter 102浏览 收藏
-
- JavaScript Element.toggleAttribute 怎样同步布尔属性
- JavaScript Element.toggleAttribute 怎样同步布尔属性？本文用一个可展开面板说明如何切换 hidden、disabled 等属性，区分属性存在与属性值，利用 force 参数固定状态，并处理 ARIA 属性与非法名称的边界。
- 文章 · 前端 | 1星期前 | javascript · 浏览器API · JavaScript dom Hidden disabled 布尔属性 Element.toggleAttribute 102浏览 收藏
-
- Vite plugin configureServer 怎样读取开发服务器
- 通过Vite插件configureServer参数读取开发服务器，示例演示注册诊断中间件、闭包保存引用，并区分配置读取、初始化时机、构建和预览范围。
- 文章 · 前端 | 3天前 | 102浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 967次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 974次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 1083次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 1060次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 899次使用
