做了个纯前端JPG/PNG尺寸缩放+压缩的在线工具

2023年09月5日 by 张 鑫旭 阅读 12315 次, 今日 25 次

封面图

相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。

阅读全文…

一言难尽的registerProtocolHandler()方法

2023年08月30日 by 张 鑫旭 阅读 5164 次, 今日 15 次

猫 日 封面

一开始看到registerProtocolHandler()方法老激动了,以为又发现了个好玩具,谁知深入体验了一番之后……呵呵~

阅读全文…

Web referrer策略详解与防盗链图片的显示

2023年08月29日 by 张 鑫旭 阅读 13913 次, 今日 21 次

遛狗封面图

一个看似简单的HTML属性的底下,可能是一座巨大的冰山,referrer及其相关特性就是如此。

阅读全文…

狠狠地研究了下 PerformanceObserver API

2023年08月27日 by 张 鑫旭 阅读 6833 次, 今日 16 次

乌鸦南瓜封面图

Performance和PerformanceObserver,用户 Timing API,哦,学不完,根本学不完,这两周抽时间好好研究了一番,终于了解了个大概了🙊,特此记录下。

阅读全文…

查漏补缺,我仍未知道的HTML nonce和popover属性

2023年08月10日 by 张 鑫旭 阅读 6641 次, 今日 13 次

封面图,小鹿看鸟

nonce可以用来决定哪些内联JS执行,popover可以无JS实现浮层弹出层交互效果。

阅读全文…

HTML kbd、var、samp元素你使用过没?

2023年07月31日 by 张 鑫旭 阅读 7401 次, 今日 7 次

鸟封面

今天好好了解了下kbd、var、samp等HTML,发现以前表示前端源代码的方式简单且浅薄了。

阅读全文…

5分钟快速了解text-wrap:balance的作用

2023年07月25日 by 张 鑫旭 阅读 9600 次, 今日 17 次

没想到,以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。

阅读全文…

CSS高宽不等图片固定比例布局的三重进化

2023年07月20日 by 张 鑫旭 阅读 16775 次, 今日 20 次

封面图

同样的布局效果,在2017年、2021年和2023年有着不同的实现,代码愈发的简洁高效,一起来看看CSS的发展对Web开发的帮助吧。

阅读全文…

CSS sin()/cos()等数学三角函数简介与应用

2023年06月30日 by 张 鑫旭 阅读 7185 次, 今日 8 次

三角封面

我发现,有个CSS三角函数之后,以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了,代码简洁了不少。

阅读全文…

我使用CSS模拟个假的数字loading效果

2023年06月18日 by 张 鑫旭 阅读 12250 次, 今日 21 次

loading示意图

有没有办法使用CSS让数字从0-100像动画一样不停变化呢?如果你一时不知道该如何实现,则本文值得一看。

阅读全文…