关于《HTML并不简单》这本书

2024年07月23日 by 张 鑫旭 阅读 24116 次

HTML并不简单 书封

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。

阅读全文…

background-clip升级,支持边框或文字应用背景

2026年08月6日 by 张 鑫旭 阅读 125 次, 今日 4 次

background-clip封面图

厉害了,我的CSS,border边框也支持background背景了,原生支持哦,不是之前的那种模拟效果哦,而且Safari和Chrome都支持了哟,就是其貌不扬的background-clip属性

阅读全文…

来了来了,Flex/Grid布局的间隙装饰线它来了

2026年08月3日 by 张 鑫旭 阅读 488 次

间隙装饰线封面图

间隙装饰线其实由来已久,不过仅支持垂直分隔线,且只在Columns布局中有效,经过这么多年的等待,终于,Flex和Grid布局中也能自定义分割线效果啦,且进行了增强,支持多属性值、交点中断设置、间距边缘距离控制、repeat()函数语法等,很棒的新特性。

阅读全文…

Screen.isExtended、getScreenDetails与多显示器开发

2026年07月29日 by 张 鑫旭 阅读 761 次, 今日 1 次

封面占位图

在过去,我们无法判断用户是否存在多个显示器,也无法让新窗口在主屏或者辅屏精确位置显示,现在,有了Window Management API,一切问题迎刃而解。

阅读全文…

纯CSS实现repeat(–n, anything)循环展示或相加功能

2026年07月23日 by 张 鑫旭 阅读 923 次, 今日 2 次

CSS自定义repeat函数封面图

CSS现在居然有能力可以自定义任意类型属性值平铺的函数了,巧妙利用二进制分解 + 快速幂思想实现,令人大开眼界。

阅读全文…

CSS新单位dvh、lvmin、vi、cqb等初解

2026年07月17日 by 张 鑫旭 阅读 1302 次, 今日 1 次

封面图

几十款 CSS 新式单位扎堆更新,很多只是纸面特性!仅 dvh、cq 系列有实际开发价值,vi、svw 等多数单位日常几乎用不上。本文拆解各单位优劣,告诉你哪些值得学、哪些只需浅看。

阅读全文…

前端快讯:setHTML()和Element.startViewTransition已支持

2026年07月9日 by 张 鑫旭 阅读 1408 次, 今日 1 次

封面图

之前有setHTMLUnsafe(),现在新增了setHTML()方法,前有document.startViewTransition(),现在增强为元素也支持startViewTransition方法,都来看看他们的作用吧!

阅读全文…

AI时代网站智能体无障碍访问开发指南

2026年07月7日 by 张 鑫旭 阅读 1648 次

智能体访问封面

过去网站开发讲求SEO,可如今都是AI智能体时代,讲求的是GEO,所谓生成引擎优化,而这一块目前还是蓝海,谁先做,谁就能在 AI 充当信息入口的新格局里占据先手。

阅读全文…

浏览器原生支持JSON模块导入与开发啦!

2026年06月29日 by 张 鑫旭 阅读 1819 次

JSON原生导入封面图

告别fetch()和JSON.parse(),现在可以直接import JSON文件啦,浏览器内置能力,使用超级方便。

阅读全文…

CSS color-scheme属性与light-dark()颜色函数

2026年06月24日 by 张 鑫旭 阅读 1663 次, 今日 1 次

color-scheme属性与light-dark()函数封面图

之前prefers-color-scheme实现深色模式效果的方案实在是太鸡肋了,脱离现实,远离用户,体验不佳,CSS light-dark()函数才是真正的解决之道。

阅读全文…

全是好东西!HTML command属性和JS toggle事件

2026年06月22日 by 张 鑫旭 阅读 1688 次

封面占位图 html command

介绍两个我觉得相当实用的HTML和DOM新特性,自此,无JS交互的场景再次丰富了一层,有兴趣的可以进来了解一番。

阅读全文…