2024年07月23日 by 张 鑫旭 阅读 10928 次, 今日 10 次

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

canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。
阅读全文…
标签: API, canvas, contenteditable, EditContext
发布在 JS API | 一条评论 »
2025年03月27日 by 张 鑫旭 阅读 1336 次, 今日 16 次

本文介绍一个全新的HTML特性blocking属性,与页面渲染,资源加载、用户体验相关,有兴趣的可以进来了解下是干嘛用的。
阅读全文…
标签: blocking, DOMTokenList, html, link, style
发布在 HTML相关 | 5 条评论 »
2025年03月23日 by 张 鑫旭 阅读 1469 次, 今日 16 次

实在没想到,Web还提供了这种特性,可以让任意自定义元素的行为变得就像原生的form表单元素那样,有点意思啊。
阅读全文…
标签: attachInternals, form, Web Components, 组件, 自定义元素, 表单
发布在 HTML相关, JS API | 4 条评论 »
2025年03月17日 by 张 鑫旭 阅读 1979 次, 今日 16 次

东西学太多,居然忘记了::first-line伪元素可以在不改变元素color上下文的情况下变色,可谓铁树开花焕发第二春。
阅读全文…
标签: ::first-line, loading, text-fill-color, transparent
发布在 CSS相关 | 4 条评论 »
2025年03月9日 by 张 鑫旭 阅读 2153 次, 今日 18 次

CSS @supports规则新增两个特性判断,分别是font-tech()和font-format()函数,都来看看是什么作用吧~
阅读全文…
标签: @font-palette-values, @supports, font-feature-settings, font-plattle, Safari
发布在 CSS相关 | 3 条评论 »
2025年03月5日 by 张 鑫旭 阅读 2589 次, 今日 12 次

好消息,CSS路径动画属性offset-path目前所有现代浏览器都支持了,包括基本形状函数,Web端动效又添一利器。
阅读全文…
标签: circle(), clip-path, ellipse(), inset(), offset-distance, offset-path, ray(), rect, xywh()
发布在 CSS相关 | 3 条评论 »
2025年02月24日 by 张 鑫旭 阅读 3389 次, 今日 8 次

介绍一个全新的HTML元素permission以及Permissions API,都是与Web权限相关的,帮助大家了解其设计初衷以及所解决的问题。
阅读全文…
标签: API, getUserMedia, html, navigator, Notification, permission, Permissions API
发布在 HTML相关 | 4 条评论 »
2025年02月12日 by 张 鑫旭 阅读 3414 次, 今日 12 次

介绍一个前端新特性,CSS font-size-adjust属性,可以基于当前字形的高宽自动调整字号大小,以便各种字体的字形表现一致,不一定最新但一定全网介绍最全面的。
阅读全文…
标签: color-adjust, font-family, font-size, font-size-adjust, size-adjust, text-size-adjust, 字体
发布在 CSS相关 | 没有评论 »
2025年02月10日 by 张 鑫旭 阅读 3268 次, 今日 7 次

JS Set对象又新增了N多的API,可以实现对象或数组取交集、合集和差集,以及判断包含与否关系的功能,都是比较使用的API特性。
阅读全文…
标签: Array, Object, prototype, Set
发布在 JS API | 没有评论 »
2025年02月6日 by 张 鑫旭 阅读 3760 次, 今日 9 次

Web浏览器又新增多个Array数组API方法,这些方法在数组处理的同时均不会改变原数组内容,这在Vue、React等开发场景中颇为受用。
阅读全文…
标签: API, Array, Array.form, concat(), slice(), splice(), toReversed, toSorted, toSpliced, with()
发布在 JS API | 一条评论 »