2024年07月23日 by 张 鑫旭 阅读 9588 次, 今日 25 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 11 条评论 »
2025年03月5日 by 张 鑫旭 阅读 567 次, 今日 274 次
好消息，CSS路径动画属性offset-path目前所有现代浏览器都支持了，包括基本形状函数，Web端动效又添一利器。
阅读全文…
标签： circle(), clip-path, ellipse(), inset(), offset-distance, offset-path, ray(), rect, xywh()
发布在 CSS相关 | 2 条评论 »
2025年02月24日 by 张 鑫旭 阅读 1865 次, 今日 40 次
介绍一个全新的HTML元素permission以及Permissions API，都是与Web权限相关的，帮助大家了解其设计初衷以及所解决的问题。
阅读全文…
标签： API, getUserMedia, html, navigator, Notification, permission, Permissions API
发布在 HTML相关 | 4 条评论 »
2025年02月12日 by 张 鑫旭 阅读 1991 次, 今日 32 次
介绍一个前端新特性，CSS font-size-adjust属性，可以基于当前字形的高宽自动调整字号大小，以便各种字体的字形表现一致，不一定最新但一定全网介绍最全面的。
阅读全文…
标签： color-adjust, font-family, font-size, font-size-adjust, size-adjust, text-size-adjust, 字体
发布在 CSS相关 | 没有评论 »
2025年02月10日 by 张 鑫旭 阅读 1958 次, 今日 27 次
JS Set对象又新增了N多的API，可以实现对象或数组取交集、合集和差集，以及判断包含与否关系的功能，都是比较使用的API特性。
阅读全文…
标签： Array, Object, prototype, Set
发布在 JS API | 没有评论 »
2025年02月6日 by 张 鑫旭 阅读 2416 次, 今日 28 次
Web浏览器又新增多个Array数组API方法，这些方法在数组处理的同时均不会改变原数组内容，这在Vue、React等开发场景中颇为受用。
阅读全文…
标签： API, Array, Array.form, concat(), slice(), splice(), toReversed, toSorted, toSpliced, with()
发布在 JS API | 一条评论 »
2025年01月22日 by 张 鑫旭 阅读 3455 次, 今日 28 次
Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数，本以为内容不多，写着写着发现可讲的东西还真不少。
阅读全文…
标签： API, cloneNode, copy, getter, json, Object.assign, Object.create, setter, structuredClone
发布在 JS API | 没有评论 »
2025年01月14日 by 张 鑫旭 阅读 3584 次, 今日 25 次
项目中遇到个特殊的圆环图形加动画需求，看我如何使用M…A…圆弧指令手写最终的SVG代码（内含坐标计算JS方法，文字环绕实现等）。
阅读全文…
标签： path, stroke, stroke-dasharray, stroke-dashoffset, SVG, textPath, 贝塞尔曲线
发布在 SVG相关 | 3 条评论 »
2025年01月12日 by 张 鑫旭 阅读 3535 次, 今日 26 次
浏览器支持了一种全新的广播式的跨页面通信Broadcast Channel，此API看起来挺复杂，实际使用下来，简单得超乎想象。
阅读全文…
标签： API, BroadcastChannel, iframe, MessageChannel, postMessage, Web Workers, web通信
发布在 JS API | 2 条评论 »
2025年01月2日 by 张 鑫旭 阅读 3604 次, 今日 18 次
浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency，与用户体验密切相关的，有兴趣的可以了解下其语法和作用。
阅读全文…
标签： @media, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency
发布在 CSS相关 | 一条评论 »
2024年12月29日 by 张 鑫旭 阅读 3986 次, 今日 17 次
所有现代浏览器又悄咪咪地更新了一个HTML新特性，就是select元素里面可以使用hr元素创建分隔线了，具体效果和个中细节可进文了解。
阅读全文…
标签： hr, html, HTML5, optgroup, option, select, 下拉列表
发布在 HTML相关 | 3 条评论 »
我的应用
我的应用