光速了解HTML shadowrootmode等属性的作用

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

shadowrootmode封面图

<template>元素新支持了shadowrootmode、shadowrootserializable等4个新的HTML属性,花1~2分钟音速了解下他们的作用吧。

阅读全文…

介绍两个DOM新方法setHTMLUnsafe和getHTML

2025年04月24日 by 张 鑫旭 阅读 5065 次, 今日 33 次

setHTMLUnsafe占位图

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

阅读全文…

DOM新特性之caretPositionFromPoint API

2025年04月14日 by 张 鑫旭 阅读 5429 次, 今日 33 次

封面图,小鹿看鸟

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

阅读全文…

JS EditContext API 简介

2025年04月6日 by 张 鑫旭 阅读 5480 次, 今日 40 次

EditContext API 简介

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

阅读全文…

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

2025年03月27日 by 张 鑫旭 阅读 4876 次, 今日 35 次

HTML blocking属性

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

阅读全文…

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

2025年03月23日 by 张 鑫旭 阅读 4787 次, 今日 41 次

封面占位图

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

阅读全文…

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

2025年03月17日 by 张 鑫旭 阅读 5571 次, 今日 57 次

first-line封面占位图

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

阅读全文…

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

2025年03月9日 by 张 鑫旭 阅读 5451 次, 今日 27 次

封面占位图

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

阅读全文…

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

2025年03月5日 by 张 鑫旭 阅读 5896 次, 今日 45 次

封面占位图 offset-path

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

阅读全文…

HTML permission元素和Permissions API简介

2025年02月24日 by 张 鑫旭 阅读 6617 次, 今日 38 次

Permissions API占位图

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

阅读全文…