2025年06月4日 by 张 鑫旭 阅读 5795 次, 今日 18 次
这次介绍的新特性是JS PageSwap PageReveal事件，和View Transitions API一同设计与支持的，有兴趣的了解下。
阅读全文…
标签： API, pagereveal, PageRevealEvent, pageswap, PageSwapEvent, transition, View Transitions API, view-timeline, window, 动画
发布在 JS API | 没有评论 »
2025年05月28日 by 张 鑫旭 阅读 8016 次, 今日 33 次
没想到有生之年可以看到足以颠覆现有开发模式和习惯，吊炸天的attr()函数被全CSS属性支持，属性选择器要雄起了。
阅读全文…
标签： attr(), content, image-set, 属性选择器
发布在 CSS相关 | 16 条评论 »
2025年05月23日 by 张 鑫旭 阅读 5860 次, 今日 18 次
我今天才知道，某些类型的输入框，使用DOM属性返回的值类型，出了是字符串，还可以是数值，乃至日期对象类型。
阅读全文…
标签： DateTimeFormat, input, input range, isNaN, textarea, valueAsDate
发布在 HTML相关 | 3 条评论 »
2025年05月12日 by 张 鑫旭 阅读 6907 次, 今日 16 次
早在两年前，现代浏览器就支持通过CSS animation-composition属性设置动画@keyframes里面的语句渲染是替换还是累加了，再也不用担心transform冲突了。
阅读全文…
标签： animation, animation-composition, blur, CSS动画, filter, transform
发布在 CSS相关 | 没有评论 »
2025年04月29日 by 张 鑫旭 阅读 9605 次, 今日 135 次
你还在使用transform属性实现变换效果吗？大人，时代变了，试试直接使用scale, rotate, translate属性吧，谁用谁喜欢。
阅读全文…
标签： @keyframes, rotate, scale, transform, translate
发布在 CSS相关 | 8 条评论 »
2025年04月28日 by 张 鑫旭 阅读 7508 次, 今日 20 次
<template>元素新支持了shadowrootmode、shadowrootserializable等4个新的HTML属性，花1~2分钟音速了解下他们的作用吧。
阅读全文…
标签： attachShadow, html, Shadow DOM, shadowrootmode, shadowrootserializable, template, Web Components
发布在 HTML相关 | 3 条评论 »
2025年04月24日 by 张 鑫旭 阅读 7931 次, 今日 19 次
最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法，如getHTML、setHTMLUnsafe和parseHTMLUnsafe，你都知道这些方法的作用吗？
阅读全文…
标签： API, DOMParser, getHTML, innerHTML, parseFromString, parseHTMLUnsafe, setHTMLUnsafe, Shadow DOM, template
发布在 JS API | 2 条评论 »
2025年04月14日 by 张 鑫旭 阅读 8160 次, 今日 28 次
DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移，据此，我们可以实现更加精确的文本操作交互。
阅读全文…
标签： API, caretPositionFromPoint, caretRangeFromPoint, elementsFromPoint, getRangeAt, range
发布在 JS API | 一条评论 »
2025年04月6日 by 张 鑫旭 阅读 8333 次, 今日 19 次
canvas画布上输入文字并交互，这个需求不知道大家遇到过没有，现在可以试试使用EditContext API，天生就为了这种高级输入编辑体验设计的。
阅读全文…
标签： API, canvas, contenteditable, EditContext
发布在 JS API | 2 条评论 »
我的应用
我的应用