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

2024年07月23日 by 张 鑫旭 阅读 9189 次, 今日 33 次

HTML并不简单 书封

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

阅读全文…

HTML permission元素和Permissions API简介

2025年02月24日 by 张 鑫旭 阅读 358 次, 今日 355 次

Permissions API占位图

介绍一个全新的HTML元素permission以及Permissions API,都是与Web权限相关的,帮助大家了解其设计初衷以及所解决的问题。

阅读全文…

不要搞混了,不是text而是CSS font-size-adjust属性

2025年02月12日 by 张 鑫旭 阅读 1421 次, 今日 52 次

font-size-adjust封面占位图

介绍一个前端新特性,CSS font-size-adjust属性,可以基于当前字形的高宽自动调整字号大小,以便各种字体的字形表现一致,不一定最新但一定全网介绍最全面的。

阅读全文…

JS Set新支持了intersection, union, difference等方法

2025年02月10日 by 张 鑫旭 阅读 1474 次, 今日 52 次

JS SET API占位图

JS Set对象又新增了N多的API,可以实现对象或数组取交集、合集和差集,以及判断包含与否关系的功能,都是比较使用的API特性。

阅读全文…

JS Array数组新的with方法,你知道作用吗?

2025年02月6日 by 张 鑫旭 阅读 1922 次, 今日 47 次

数组Array with占位图

Web浏览器又新增多个Array数组API方法,这些方法在数组处理的同时均不会改变原数组内容,这在Vue、React等开发场景中颇为受用。

阅读全文…

JS原生的深拷贝API structuredClone函数简介

2025年01月22日 by 张 鑫旭 阅读 3000 次, 今日 38 次

深拷贝示意图

Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数,本以为内容不多,写着写着发现可讲的东西还真不少。

阅读全文…

如何手搓SVG半圆弧,手把手教程

2025年01月14日 by 张 鑫旭 阅读 3142 次, 今日 35 次

手搓SVG半圆弧 封面占位图

项目中遇到个特殊的圆环图形加动画需求,看我如何使用M…A…圆弧指令手写最终的SVG代码(内含坐标计算JS方法,文字环绕实现等)。

阅读全文…

Broadcast Channel API简介,可实现Web页面广播通信

2025年01月12日 by 张 鑫旭 阅读 3100 次, 今日 34 次

Broadcast-Channel封面图

浏览器支持了一种全新的广播式的跨页面通信Broadcast Channel,此API看起来挺复杂,实际使用下来,简单得超乎想象。

阅读全文…

一个新的CSS媒体查询prefers-reduced-transparency

2025年01月2日 by 张 鑫旭 阅读 3247 次, 今日 24 次

media与用户体验

浏览器最近又支持了一个新的CSS媒体查询prefers-reduced-transparency,与用户体验密切相关的,有兴趣的可以了解下其语法和作用。

阅读全文…

HTML select下拉框支持hr元素啦

2024年12月29日 by 张 鑫旭 阅读 3613 次, 今日 26 次

人手 铅笔 绘制 html hr 占位他图

所有现代浏览器又悄咪咪地更新了一个HTML新特性,就是select元素里面可以使用hr元素创建分隔线了,具体效果和个中细节可进文了解。

阅读全文…

如何使用JS获取系统内存、CPU/GPU、电量等信息

2024年12月23日 by 张 鑫旭 阅读 5687 次, 今日 49 次

封面图 JS系统 圣诞

有些前端开发可能还不知道,JavaScript是有能力获取操作系统的内存、CPU/GPU、电量、蓝牙、掉线等信息的。

阅读全文…