Clik here to view.
一个新的CSS媒体查询prefers-reduced-transparency
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11505 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、为故而知新 三年前，我有介绍过渐弱动画的媒体查询prefers-reduced-motion，参见文章“你不知道的CSS...
View ArticleClik here to view.
Broadcast Channel API简介，可实现Web页面广播通信
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11507 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、之前postMessage的局限 在12年的时候，乖乖，12年啊，都十几年前了，我有写过关于postMessage的跨页面通信的文章，见这里。...
View ArticleClik here to view.
如何手搓SVG半圆弧，手把手教程
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11545 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、还是先说说历史 SVG的曲线绘制在10多年前，我其实有撰文介绍过，也算是当时的热门文章了，见：“深度掌握SVG路径path的贝塞尔曲线指令”。...
View ArticleClik here to view.
JS原生的深拷贝API structuredClone函数简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11509 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、开门即见山 目前，Web浏览器提供了原生的Object对象深度克隆方法structuredClone()函数。 使用方法很简单，JS代码如下所示：...
View ArticleClik here to view.
JS Array数组新的with方法，你知道作用吗？
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11519 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、不改变原数组进行设置 先看使用场景。 在过去，我们修改某个数组项，通常会使用索引值进行设置，例如将数组的第2项修改为某某电影名称： const arr...
View ArticleClik here to view.
JS Set新支持了intersection, union, difference等方法
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11522 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 继续介绍前端前沿新特性，今天讲的是Set或者类似Set的数据新支持的若干方法，主要是交集、合集以及差异判定相关，API较多，一个一个来。...
View ArticleClik here to view.
不要搞混了，不是text而是CSS font-size-adjust属性
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11527 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 介绍一个前端新特性，CSS...
View ArticleClik here to view.
HTML permission元素和Permissions API简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11534 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 本文介绍一个全新的HTML元素<permission>元素，与浏览器权限申请与使用相关，同时介绍Permissions API。...
View ArticleClik here to view.
终于等到了，CSS offset-path全浏览器全支持
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11536 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、历史与发展 CSS offset-path属性其实在8年前就介绍过了，参见：“使用CSS offset-path让元素沿着不规则路径运动”...
View ArticleClik here to view.
CSS @supports规则又新增font-tech,font-format判断
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11531 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 继续关注Web前端前沿新特性，这次快速介绍CSS...
View Article