2024年07月23日 by 张 鑫旭 阅读 18892 次, 今日 4 次

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

还在使用document.cookie管理cookie吗?太过时了,现在有专门的Cookie操作API了,就是CookieStore,简单又好用,简直完美!
阅读全文…
标签: async, cookie, CookieStore, localStorage, Promise
发布在 JS API | 没有评论 »
2025年11月24日 by 张 鑫旭 阅读 1007 次, 今日 16 次

details元素又新支持了一个CSS选择::details-content伪元素,可以匹配内容阴影DOM,我们可以利用这个伪元素进行区域背景设置,或者实现实用的展开收起的动画效果。
阅读全文…
标签: ::target-text, :target, allow-discrete, content-visibility, details, hash, interpolate-size, transition, transition-behavior
发布在 CSS相关 | 一条评论 »
2025年11月17日 by 张 鑫旭 阅读 1125 次, 今日 5 次

Web Components组件开发又新增特性,可以暴露组件内部的状态,通过CSS :state()伪类函数匹配,增强组件的样式定制能力,以实现更好的内部封装。
阅读全文…
标签: :state(), CSS伪类, CSS函数, 组件, 自定义元素
发布在 CSS相关 | 3 条评论 »
2025年11月10日 by 张 鑫旭 阅读 1958 次, 今日 6 次

有了CSS锚点定位,我们无需任何JavaScript代码参与,就能实现元素的鼠标跟随动效,简单实用,前端必会交互小技巧。
阅读全文…
标签: anchor-name, CSS嵌套, hover, position-anchor, 动效, 锚点定位
发布在 CSS相关 | 5 条评论 »
2025年11月3日 by 张 鑫旭 阅读 1630 次, 今日 4 次

从没有见过如此鸡肋设计的CSS新特性,真是浪费我的学习时间,专门匹配h1-h6标题元素,怎么想得出来的?
阅读全文…
标签: :heading, CSS伪类, CSS函数, 伪元素, 伪类
发布在 CSS相关 | 7 条评论 »
2025年10月27日 by 张 鑫旭 阅读 1755 次, 今日 5 次

除了CSS、HTML和JS之外,Canvas这门语言其实也在发展,这不,也支持锥形渐变了,最近某个需求正好用到了,解决了CSS锥形渐变无法前端截图的难题,不妨进来看看是怎么回事吧。
阅读全文…
标签: canvas, conic-gradient, createConicGradient, html2canvas, 渐变, 锥形渐变
发布在 Canvas相关 | 3 条评论 »
2025年10月20日 by 张 鑫旭 阅读 2231 次

CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序,从而提高用户的无障碍访问体验,渐进增强特性,现在就可以在项目中使用。
阅读全文…
标签: flex-direction, flex-flow, grid-auto-flow, order, paint-order, reading-flow, reading-order, tabindex, 无障碍网页应用
发布在 CSS相关 | 2 条评论 »
2025年10月13日 by 张 鑫旭 阅读 2489 次, 今日 3 次

你知道吗?现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了,那就是使用CSS field-sizing属性。
阅读全文…
标签: field-sizing, input, placeholder, select, textarea, 表单
发布在 CSS相关 | 6 条评论 »
2025年09月30日 by 张 鑫旭 阅读 3239 次, 今日 5 次

Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。
阅读全文…
标签: Collator, DateTimeFormat, emoji字体, Intl, Segmenter, String, textLength
发布在 JS API | 2 条评论 »