2025年04月28日 by 张 鑫旭 阅读 4779 次, 今日 32 次

<template>元素新支持了shadowrootmode、shadowrootserializable等4个新的HTML属性,花1~2分钟音速了解下他们的作用吧。
阅读全文…
标签: attachShadow, html, Shadow DOM, shadowrootmode, shadowrootserializable, template, Web Components
发布在 HTML相关 | 3 条评论 »
2025年04月24日 by 张 鑫旭 阅读 5065 次, 今日 33 次

最新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 张 鑫旭 阅读 5429 次, 今日 33 次

DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移,据此,我们可以实现更加精确的文本操作交互。
阅读全文…
标签: API, caretPositionFromPoint, caretRangeFromPoint, elementsFromPoint, getRangeAt, range
发布在 JS API | 一条评论 »
2025年04月6日 by 张 鑫旭 阅读 5480 次, 今日 40 次

canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。
阅读全文…
标签: API, canvas, contenteditable, EditContext
发布在 JS API | 2 条评论 »
2025年03月27日 by 张 鑫旭 阅读 4876 次, 今日 35 次

本文介绍一个全新的HTML特性blocking属性,与页面渲染,资源加载、用户体验相关,有兴趣的可以进来了解下是干嘛用的。
阅读全文…
标签: blocking, DOMTokenList, html, link, style
发布在 HTML相关 | 5 条评论 »
2025年03月23日 by 张 鑫旭 阅读 4787 次, 今日 41 次

实在没想到,Web还提供了这种特性,可以让任意自定义元素的行为变得就像原生的form表单元素那样,有点意思啊。
阅读全文…
标签: attachInternals, form, Web Components, 组件, 自定义元素, 表单
发布在 HTML相关, JS API | 7 条评论 »
2025年03月17日 by 张 鑫旭 阅读 5571 次, 今日 57 次

东西学太多,居然忘记了::first-line伪元素可以在不改变元素color上下文的情况下变色,可谓铁树开花焕发第二春。
阅读全文…
标签: ::first-line, loading, text-fill-color, transparent
发布在 CSS相关 | 6 条评论 »
2025年03月9日 by 张 鑫旭 阅读 5451 次, 今日 27 次

CSS @supports规则新增两个特性判断,分别是font-tech()和font-format()函数,都来看看是什么作用吧~
阅读全文…
标签: @font-palette-values, @supports, font-feature-settings, font-plattle, Safari
发布在 CSS相关 | 3 条评论 »
2025年03月5日 by 张 鑫旭 阅读 5896 次, 今日 45 次

好消息,CSS路径动画属性offset-path目前所有现代浏览器都支持了,包括基本形状函数,Web端动效又添一利器。
阅读全文…
标签: circle(), clip-path, ellipse(), inset(), offset-distance, offset-path, ray(), rect, xywh()
发布在 CSS相关 | 4 条评论 »
2025年02月24日 by 张 鑫旭 阅读 6617 次, 今日 38 次

介绍一个全新的HTML元素permission以及Permissions API,都是与Web权限相关的,帮助大家了解其设计初衷以及所解决的问题。
阅读全文…
标签: API, getUserMedia, html, navigator, Notification, permission, Permissions API
发布在 HTML相关 | 6 条评论 »