2024年07月23日 by 张 鑫旭 阅读 24597 次, 今日 8 次

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

今天才发现,文件本地持久化存储,最好的技术选型原来是OPFS,而不是IndexedDB,前者性能极好、代码极少,比IndexedDB强的不是一点两点。
阅读全文…
标签: ArrayBuffer, cookie, createWritable, File, getDirectory(), getFileHandle, indexedDB, localStorage, navigator, sessionStorage, showOpenFilePicker, woff2
发布在 JS API | 4 条评论 »
2026年08月28日 by 张 鑫旭 阅读 812 次, 今日 17 次

HTML-in-Canvas这个特性太特么强了,我从未想过Canvas还有这样的能力,现在Chrome浏览器居然实现了,赶快进来一看究竟吧。
阅读全文…
标签: canvas, drawable, drawElementImage, drawImage, html, html-in-canvas, html2canvas, HTMLElement, layoutsubtree
发布在 Web综合 | 3 条评论 »
2026年08月21日 by 张 鑫旭 阅读 1135 次, 今日 49 次

这么多年了,CSS终于出了个牛逼的text-fit文字排版属性,无论字符数量多少,都可以动态适配容器尺寸,这是连JavaScript计算都很难实现的排版效果,终于支持了,太激动了。
阅读全文…
标签: text-align, text-box, text-decoration, text-emphasis, text-fit
发布在 CSS相关 | 一条评论 »
2026年08月14日 by 张 鑫旭 阅读 1060 次, 今日 17 次

数组求和还在使用reduce()方法吗?Out啦!既麻烦,又有计算精度的问题,从今天开始,改用Math.sumPrecise()方法吧!
阅读全文…
标签: Array, defineProperty, Math, Object, reduce, sumPrecise, toPrecision, 数组
发布在 CSS相关 | 8 条评论 »
2026年08月6日 by 张 鑫旭 阅读 1317 次, 今日 14 次

厉害了,我的CSS,border边框也支持background背景了,原生支持哦,不是之前的那种模拟效果哦,而且Safari和Chrome都支持了哟,就是其貌不扬的background-clip属性
阅读全文…
标签: background, background-clip, background-origin, border-area, border-image, conic-gradient, linear-gradient
发布在 CSS相关 | 3 条评论 »
2026年08月3日 by 张 鑫旭 阅读 1503 次, 今日 13 次

间隙装饰线其实由来已久,不过仅支持垂直分隔线,且只在Columns布局中有效,经过这么多年的等待,终于,Flex和Grid布局中也能自定义分割线效果啦,且进行了增强,支持多属性值、交点中断设置、间距边缘距离控制、repeat()函数语法等,很棒的新特性。
阅读全文…
标签: column-rule, flex, gap, grid, row-rule, rule-inset, rule-visibility-items
发布在 CSS相关 | 3 条评论 »
2026年07月29日 by 张 鑫旭 阅读 1400 次, 今日 9 次

在过去,我们无法判断用户是否存在多个显示器,也无法让新窗口在主屏或者辅屏精确位置显示,现在,有了Window Management API,一切问题迎刃而解。
阅读全文…
标签: getScreenDetails, history, isExtended, screen, screenschange, window, 显示器
发布在 JS API | 没有评论 »
2026年07月23日 by 张 鑫旭 阅读 1520 次, 今日 8 次

CSS现在居然有能力可以自定义任意类型属性值平铺的函数了,巧妙利用二进制分解 + 快速幂思想实现,令人大开眼界。
阅读全文…
标签: counter-reset, drop-shadow, Function, if(), repeat, round(), shape(), style, text-shadow
发布在 CSS相关 | 2 条评论 »
2026年07月17日 by 张 鑫旭 阅读 1898 次, 今日 4 次

几十款 CSS 新式单位扎堆更新,很多只是纸面特性!仅 dvh、cq 系列有实际开发价值,vi、svw 等多数单位日常几乎用不上。本文拆解各单位优劣,告诉你哪些值得学、哪些只需浅看。
阅读全文…
标签: @container, cqw, CSS逻辑属性, dvh, vh, vw, 单位
发布在 CSS相关 | 3 条评论 »
2026年07月9日 by 张 鑫旭 阅读 1985 次, 今日 6 次

之前有setHTMLUnsafe(),现在新增了setHTML()方法,前有document.startViewTransition(),现在增强为元素也支持startViewTransition方法,都来看看他们的作用吧!
阅读全文…
标签: details, element, getHTML, Sanitizer, SanitizerConfig, setHTML(), setHTMLUnsafe, startViewTransition, View Transitions API
发布在 JS API | 一条评论 »