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

2024年07月23日 by 张 鑫旭 阅读 15145 次, 今日 2 次

HTML并不简单 书封

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

阅读全文…

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

2025年07月25日 by 张 鑫旭 阅读 1509 次, 今日 3 次

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

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

阅读全文…

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

2025年07月16日 by 张 鑫旭 阅读 1960 次

RegExp.escape静态函数

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

阅读全文…

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

2025年07月10日 by 张 鑫旭 阅读 2043 次

封面占位图

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

阅读全文…

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

2025年07月4日 by 张 鑫旭 阅读 3220 次

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

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

阅读全文…

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

2025年06月30日 by 张 鑫旭 阅读 2856 次

clip-path shape函数封面图

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

阅读全文…

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

2025年06月18日 by 张 鑫旭 阅读 3172 次

text-wrap封面图

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

阅读全文…

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

2025年06月13日 by 张 鑫旭 阅读 3428 次

scroll snap 按钮自定义封面图

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

阅读全文…

JS PageSwap PageReveal事件干嘛用的?

2025年06月4日 by 张 鑫旭 阅读 3606 次

JS PageSwap PageReveal事件封面图

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

阅读全文…

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

2025年05月28日 by 张 鑫旭 阅读 4616 次

css attr全属性支持

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

阅读全文…

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

2025年05月23日 by 张 鑫旭 阅读 3729 次

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

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

阅读全文…