最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法，如getHTML、setHTMLUnsafe和parseHTMLUnsafe，你都知道这些方法的作用吗？
阅读全文…
标签：API, DOMParser, getHTML, innerHTML, parseFromString, parseHTMLUnsafe, setHTMLUnsafe, Shadow DOM, template 发布在 JS API | 一条评论 »
DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移，据此，我们可以实现更加精确的文本操作交互。
标签：API, caretPositionFromPoint, caretRangeFromPoint, elementsFromPoint, getRangeAt, range 发布在 JS API | 一条评论 »
canvas画布上输入文字并交互，这个需求不知道大家遇到过没有，现在可以试试使用EditContext API，天生就为了这种高级输入编辑体验设计的。
标签：API, canvas, contenteditable, EditContext 发布在 JS API | 2 条评论 »
实在没想到，Web还提供了这种特性，可以让任意自定义元素的行为变得就像原生的form表单元素那样，有点意思啊。
标签：attachInternals, form, Web Components, 组件, 自定义元素, 表单 发布在 HTML相关, JS API | 5 条评论 »
JS Set对象又新增了N多的API，可以实现对象或数组取交集、合集和差集，以及判断包含与否关系的功能，都是比较使用的API特性。
标签：Array, Object, prototype, Set 发布在 JS API | 没有评论 »
Web浏览器又新增多个Array数组API方法，这些方法在数组处理的同时均不会改变原数组内容，这在Vue、React等开发场景中颇为受用。
标签：API, Array, Array.form, concat(), slice(), splice(), toReversed, toSorted, toSpliced, with() 发布在 JS API | 一条评论 »
Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数，本以为内容不多，写着写着发现可讲的东西还真不少。
标签：API, cloneNode, copy, getter, json, Object.assign, Object.create, setter, structuredClone 发布在 JS API | 没有评论 »
浏览器支持了一种全新的广播式的跨页面通信Broadcast Channel，此API看起来挺复杂，实际使用下来，简单得超乎想象。
标签：API, BroadcastChannel, iframe, MessageChannel, postMessage, Web Workers, web通信 发布在 JS API | 3 条评论 »
有些前端开发可能还不知道，JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
标签：API, chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU 发布在 JS API | 8 条评论 »
最近做的项目用到了一个比较冷门的DOM事件API selectionchange事件，文本选区变化时候触发，简单记录下，希望日后可以帮到遇到类似需求的同行。
标签：Document, dom, range, selection, selectionchange, 鼠标事件 发布在 JS API | 没有评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用