最新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 条评论 »
介绍一个全新的HTML元素permission以及Permissions API，都是与Web权限相关的，帮助大家了解其设计初衷以及所解决的问题。
标签：API, getUserMedia, html, navigator, Notification, permission, Permissions API 发布在 HTML相关 | 6 条评论 »
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 条评论 »
View Transitions API可以让页面元素在无需设置具体定位属性值的情况下实现各种各样的动画效果，是个很强很有用的新特性。
标签：animation, API, CSS动画, pagereveal, pageswap, transition, View Transitions API, 动画, 动画效果 发布在 CSS相关, Web综合 | 5 条评论 »
随着Firefox 131也支持了CSS Custom Highlight API，至此，所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
标签：::highlight(), ::marker, API, createRange, HighlightRegistry, range, text-decoration, text-fill-color, 高亮代码 发布在 CSS相关, JS API | 11 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用