介绍两个DOM新方法setHTMLUnsafe和getHTML

2025年04月24日 by 张 鑫旭 阅读 4989 次, 今日 28 次

setHTMLUnsafe占位图

最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法,如getHTML、setHTMLUnsafe和parseHTMLUnsafe,你都知道这些方法的作用吗?

阅读全文…

DOM新特性之caretPositionFromPoint API

2025年04月14日 by 张 鑫旭 阅读 5354 次, 今日 25 次

封面图,小鹿看鸟

DOM caretPositionFromPoint API可以基于位置访问匹配的节点元素和文本偏移,据此,我们可以实现更加精确的文本操作交互。

阅读全文…

JS EditContext API 简介

2025年04月6日 by 张 鑫旭 阅读 5390 次, 今日 28 次

EditContext API 简介

canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。

阅读全文…

光速了解script style link元素新增的blocking属性

2025年03月27日 by 张 鑫旭 阅读 4794 次, 今日 24 次

HTML blocking属性

本文介绍一个全新的HTML特性blocking属性,与页面渲染,资源加载、用户体验相关,有兴趣的可以进来了解下是干嘛用的。

阅读全文…

研究下attachInternals方法,可让普通元素有表单特性

2025年03月23日 by 张 鑫旭 阅读 4694 次, 今日 29 次

封面占位图

实在没想到,Web还提供了这种特性,可以让任意自定义元素的行为变得就像原生的form表单元素那样,有点意思啊。

阅读全文…

一种更好的文字隐藏的方法-::first-line伪元素

2025年03月17日 by 张 鑫旭 阅读 5454 次, 今日 43 次

first-line封面占位图

东西学太多,居然忘记了::first-line伪元素可以在不改变元素color上下文的情况下变色,可谓铁树开花焕发第二春。

阅读全文…

CSS @supports规则又新增font-tech,font-format判断

2025年03月9日 by 张 鑫旭 阅读 5386 次, 今日 21 次

封面占位图

CSS @supports规则新增两个特性判断,分别是font-tech()和font-format()函数,都来看看是什么作用吧~

阅读全文…

终于等到了,CSS offset-path全浏览器全支持

2025年03月5日 by 张 鑫旭 阅读 5801 次, 今日 32 次

封面占位图 offset-path

好消息,CSS路径动画属性offset-path目前所有现代浏览器都支持了,包括基本形状函数,Web端动效又添一利器。

阅读全文…

HTML permission元素和Permissions API简介

2025年02月24日 by 张 鑫旭 阅读 6540 次, 今日 25 次

Permissions API占位图

介绍一个全新的HTML元素permission以及Permissions API,都是与Web权限相关的,帮助大家了解其设计初衷以及所解决的问题。

阅读全文…

不要搞混了,不是text而是CSS font-size-adjust属性

2025年02月12日 by 张 鑫旭 阅读 6552 次, 今日 31 次

font-size-adjust封面占位图

介绍一个前端新特性,CSS font-size-adjust属性,可以基于当前字形的高宽自动调整字号大小,以便各种字体的字形表现一致,不一定最新但一定全网介绍最全面的。

阅读全文…