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

2024年07月23日 by 张 鑫旭 阅读 15419 次, 今日 18 次

HTML并不简单 书封

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

阅读全文…

CSS索引和数量匹配函数sibling-index sibling-count简介

2025年08月7日 by 张 鑫旭 阅读 77 次, 今日 75 次

索引数量匹配封面图

CSS现在支持了专门的CSS函数,可以知道子元素当前的索引值大小,以及知道子元素的数量了,都是动态匹配的,很有规律的CSS样式效果有了更好的解决方法了。

阅读全文…

HTML popover再进化 – 新增hint类型提示框

2025年07月31日 by 张 鑫旭 阅读 866 次, 今日 71 次

popover hint封面图

HTML popover属性新特性之hint值,填补了轻量级提示与模态弹窗间的需求空白,适合需非打断性辅助信息的场景。

阅读全文…

CSS倒反天罡居然支持if()函数了

2025年07月25日 by 张 鑫旭 阅读 2100 次, 今日 48 次

CSS if()函数占位图封面图

想不到吧,CSS居然也支持if() else 逻辑函数了,这是铁了心要干掉JavaScript的节奏啊。

阅读全文…

JS正则新特性:安全过滤RegExp.escape方法

2025年07月16日 by 张 鑫旭 阅读 2219 次, 今日 13 次

RegExp.escape静态函数

RegExp.escape()是所有前端都要熟知的静态函数,用于安全地将字符串转换为正则表达式字面量,目前所有现代浏览器都已经支持。

阅读全文…

HTML新search元素,h1规则要变,声明式Shadow DOM

2025年07月10日 by 张 鑫旭 阅读 2267 次, 今日 14 次

封面占位图

介绍3个与HTML相关的新变化与新特性,分别是新支持的search元素,h1规则变化与声明式Shadow DOM,希望可以帮到大家的学习。

阅读全文…

好诶,select下拉框元素支持样式完全自定义啦!

2025年07月4日 by 张 鑫旭 阅读 3502 次, 今日 24 次

下拉框样式完全自定义封面图,头图

太不容易了,二十年了,select下拉框元素终于支持完全自定义了,appearance属性,popover交互,CSS锚点定位,N个伪元素四者结合。

阅读全文…

CSS小图标剪裁终极解决方案clip-path shape()函数

2025年06月30日 by 张 鑫旭 阅读 3076 次, 今日 7 次

clip-path shape函数封面图

牛逼了,Chrome和Safari都支持clip-path shape()函数了,这个函数可谓是图形剪裁终极方案,没有path函数的缺点,以后一定会被广泛使用。

阅读全文…

text-wrap进化:支持两子属性和pretty stable新值

2025年06月18日 by 张 鑫旭 阅读 3363 次, 今日 14 次

text-wrap封面图

CSS text-wrap属性再次进化,新增了两个属性值pretty和stable,新增了两个子属性text-wrap-mode和text-wrap-style,有兴趣的可以花两分钟快速了解下其作用。

阅读全文…

CSS ::scroll-button ::scroll-marker伪元素又是干嘛用的?

2025年06月13日 by 张 鑫旭 阅读 3663 次, 今日 29 次

scroll snap 按钮自定义封面图

CSS越来越强了,Scroll Snap交互又新增了按钮和切换按钮的生成与自定义,类似Carousel ,Slider这类经典交互纯CSS就能完全驾驭了。

阅读全文…

JS PageSwap PageReveal事件干嘛用的?

2025年06月4日 by 张 鑫旭 阅读 3793 次, 今日 18 次

JS PageSwap PageReveal事件封面图

这次介绍的新特性是JS PageSwap PageReveal事件,和View Transitions API一同设计与支持的,有兴趣的了解下。

阅读全文…