2024年07月23日 by 张 鑫旭 阅读 14071 次, 今日 40 次

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。
阅读全文…
标签: CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 12 条评论 »
2025年06月30日 by 张 鑫旭 阅读 752 次, 今日 471 次

牛逼了,Chrome和Safari都支持clip-path shape()函数了,这个函数可谓是图形剪裁终极方案,没有path函数的缺点,以后一定会被广泛使用。
阅读全文…
标签: clip-path, clipPath, CSS Shapes, path, shape(), 贝塞尔曲线
发布在 CSS相关 | 一条评论 »
2025年06月18日 by 张 鑫旭 阅读 1792 次, 今日 70 次

CSS text-wrap属性再次进化,新增了两个属性值pretty和stable,新增了两个子属性text-wrap-mode和text-wrap-style,有兴趣的可以花两分钟快速了解下其作用。
阅读全文…
标签: nowrap, text-wrap, text-wrap-mode, text-wrap-style, white-space, 文字排版
发布在 CSS相关 | 一条评论 »
2025年06月4日 by 张 鑫旭 阅读 2512 次, 今日 52 次

这次介绍的新特性是JS PageSwap PageReveal事件,和View Transitions API一同设计与支持的,有兴趣的了解下。
阅读全文…
标签: API, pagereveal, PageRevealEvent, pageswap, PageSwapEvent, transition, View Transitions API, view-timeline, window, 动画
发布在 JS API | 没有评论 »
2025年05月28日 by 张 鑫旭 阅读 3473 次, 今日 81 次

没想到有生之年可以看到足以颠覆现有开发模式和习惯,吊炸天的attr()函数被全CSS属性支持,属性选择器要雄起了。
阅读全文…
标签: attr(), content, image-set, 属性选择器
发布在 CSS相关 | 10 条评论 »
2025年05月23日 by 张 鑫旭 阅读 2793 次, 今日 36 次

我今天才知道,某些类型的输入框,使用DOM属性返回的值类型,出了是字符串,还可以是数值,乃至日期对象类型。
阅读全文…
标签: DateTimeFormat, input, input range, isNaN, textarea, valueAsDate
发布在 HTML相关 | 3 条评论 »
2025年05月12日 by 张 鑫旭 阅读 3771 次, 今日 34 次

早在两年前,现代浏览器就支持通过CSS animation-composition属性设置动画@keyframes里面的语句渲染是替换还是累加了,再也不用担心transform冲突了。
阅读全文…
标签: animation, animation-composition, blur, CSS动画, filter, transform
发布在 CSS相关 | 没有评论 »
2025年04月29日 by 张 鑫旭 阅读 5033 次, 今日 44 次

你还在使用transform属性实现变换效果吗?大人,时代变了,试试直接使用scale, rotate, translate属性吧,谁用谁喜欢。
阅读全文…
标签: @keyframes, rotate, scale, transform, translate
发布在 CSS相关 | 7 条评论 »
2025年04月28日 by 张 鑫旭 阅读 4486 次, 今日 29 次

<template>元素新支持了shadowrootmode、shadowrootserializable等4个新的HTML属性,花1~2分钟音速了解下他们的作用吧。
阅读全文…
标签: attachShadow, html, Shadow DOM, shadowrootmode, shadowrootserializable, template, Web Components
发布在 HTML相关 | 3 条评论 »
2025年04月24日 by 张 鑫旭 阅读 4749 次, 今日 40 次

最新Safari和Chrome在内的现代浏览器支持了N个与HTML字符串读取和解析相关的DOM方法,如getHTML、setHTMLUnsafe和parseHTMLUnsafe,你都知道这些方法的作用吗?
阅读全文…
标签: API, DOMParser, getHTML, innerHTML, parseFromString, parseHTMLUnsafe, setHTMLUnsafe, Shadow DOM, template
发布在 JS API | 2 条评论 »