关于《HTML并不简单》这本书

2024年07月23日 by 张 鑫旭 阅读 12832 次, 今日 38 次

HTML并不简单 书封

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。

阅读全文…

震惊,有生之年居然看到CSS attr()全属性支持

2025年05月28日 by 张 鑫旭 阅读 355 次, 今日 350 次

css attr全属性支持

没想到有生之年可以看到足以颠覆现有开发模式和习惯,吊炸天的attr()函数被全CSS属性支持,属性选择器要雄起了。

阅读全文…

你知道吗,输入框的value值也能直接返回数值类型

2025年05月23日 by 张 鑫旭 阅读 1126 次, 今日 103 次

标题占位符,可以是非字符串吗

我今天才知道,某些类型的输入框,使用DOM属性返回的值类型,出了是字符串,还可以是数值,乃至日期对象类型。

阅读全文…

CSS animation-composition可以让动画效果累加

2025年05月12日 by 张 鑫旭 阅读 2307 次, 今日 107 次

封面占位图

早在两年前,现代浏览器就支持通过CSS animation-composition属性设置动画@keyframes里面的语句渲染是替换还是累加了,再也不用担心transform冲突了。

阅读全文…

告别transform,是时候直接使用scale, rotate属性啦

2025年04月29日 by 张 鑫旭 阅读 3714 次, 今日 97 次

封面占位图

你还在使用transform属性实现变换效果吗?大人,时代变了,试试直接使用scale, rotate, translate属性吧,谁用谁喜欢。

阅读全文…

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

2025年04月28日 by 张 鑫旭 阅读 3382 次, 今日 63 次

shadowrootmode封面图

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

阅读全文…

介绍两个DOM新方法setHTMLUnsafe和getHTML

2025年04月24日 by 张 鑫旭 阅读 3647 次, 今日 42 次

setHTMLUnsafe占位图

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

阅读全文…

DOM新特性之caretPositionFromPoint API

2025年04月14日 by 张 鑫旭 阅读 4094 次, 今日 32 次

封面图,小鹿看鸟

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

阅读全文…

JS EditContext API 简介

2025年04月6日 by 张 鑫旭 阅读 4024 次, 今日 36 次

EditContext API 简介

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

阅读全文…

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

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

HTML blocking属性

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

阅读全文…

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

2025年03月23日 by 张 鑫旭 阅读 3500 次, 今日 28 次

封面占位图

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

阅读全文…