2024年07月23日 by 张 鑫旭 阅读 8069 次, 今日 31 次
盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了，这里讲讲为什么会想到写一本关于HTML的书籍，介绍下本书的内容结构，签字版购买等信息，希望可以得到大家的正版支持。
阅读全文…
标签： CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 10 条评论 »
2021年08月17日 by 张 鑫旭 阅读 59564 次, 今日 39 次
推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。
阅读全文…
标签： css3, CSS世界, CSS新世界, CSS选择器世界, 选择器
发布在 CSS相关 | 38 条评论 »
2025年01月22日 by 张 鑫旭 阅读 1515 次, 今日 40 次
Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数，本以为内容不多，写着写着发现可讲的东西还真不少。
阅读全文…
标签： API, cloneNode, copy, getter, json, Object.assign, Object.create, setter, structuredClone
发布在 JS API | 没有评论 »
2025年01月14日 by 张 鑫旭 阅读 1772 次, 今日 42 次
项目中遇到个特殊的圆环图形加动画需求，看我如何使用M…A…圆弧指令手写最终的SVG代码（内含坐标计算JS方法，文字环绕实现等）。
阅读全文…
标签： path, stroke, stroke-dasharray, stroke-dashoffset, SVG, textPath, 贝塞尔曲线
发布在 SVG相关 | 2 条评论 »
2025年01月12日 by 张 鑫旭 阅读 1872 次, 今日 30 次
浏览器支持了一种全新的广播式的跨页面通信Broadcast Channel，此API看起来挺复杂，实际使用下来，简单得超乎想象。
阅读全文…
标签： API, BroadcastChannel, iframe, MessageChannel, postMessage, Web Workers, web通信
发布在 JS API | 2 条评论 »
2025年01月2日 by 张 鑫旭 阅读 2347 次, 今日 30 次
浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency，与用户体验密切相关的，有兴趣的可以了解下其语法和作用。
阅读全文…
标签： @media, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency
发布在 CSS相关 | 一条评论 »
2024年12月29日 by 张 鑫旭 阅读 2656 次, 今日 32 次
所有现代浏览器又悄咪咪地更新了一个HTML新特性，就是select元素里面可以使用hr元素创建分隔线了，具体效果和个中细节可进文了解。
阅读全文…
标签： hr, html, HTML5, optgroup, option, select, 下拉列表
发布在 HTML相关 | 3 条评论 »
2024年12月23日 by 张 鑫旭 阅读 4299 次, 今日 46 次
有些前端开发可能还不知道，JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。
阅读全文…
标签： API, chargingchange, deviceMemory, getBattery, history, navigator, platform, webGL, WebGPU
发布在 JS API | 6 条评论 »
2024年12月11日 by 张 鑫旭 阅读 4767 次, 今日 32 次
本文介绍非常实用的CSS相对颜色语法，可以解构现有颜色，轻松实现相邻色、反色、半透明色等效果，有效减少项目的CSS颜色变量数量。
阅读全文…
标签： brightness, calc, calc-size(), color, color-mix, hsl, 颜色
发布在 CSS相关 | 2 条评论 »
2024年12月6日 by 张 鑫旭 阅读 2626 次, 今日 26 次
基于英文单词的发音规则，精准预估TTS语音合成每段内容所占据的时长，以便实现更精准的字幕同步，冷门应用场景，但却是稀缺的算法资源，值得收藏备忘。
阅读全文…
标签： audio, 字幕, 算法, 语音, 语音合成, 音频
发布在 JS实例 | 没有评论 »
2024年12月4日 by 张 鑫旭 阅读 2883 次, 今日 31 次
font-palette彩色字体又支持新特性了，一是可以使用palette-mix()实现基础模板的颜色混合，二是支持animation和transition动画了，至此Web字体渲染的表现力更上一层楼。
阅读全文…
标签： @font-palette-values, @keyframes, animation, color-mix, font-face, font-palette
发布在 CSS相关 | 2 条评论 »
2024年11月29日 by 张 鑫旭 阅读 2872 次, 今日 28 次
目前所有现代浏览器都已经支持color-mix()这个颜色函数了，这个函数可以实现关键字颜色值的半透明表示，是其他CSS、JS语法都无法取代的实用特性，本文还有色调插值方法的介绍。
阅读全文…
标签： color, color-mix, 颜色
发布在 CSS相关 | 3 条评论 »
我的应用
我的应用