2023年09月5日 by 张 鑫旭 阅读 22650 次, 今日 17 次
相比于tinypng，我这个工具还自带尺寸设置功能，同时还可以控制压缩率，指定压缩格式，纯前端实现，高性能高效率。
阅读全文…
标签： download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩
发布在 Web综合 | 24 条评论 »
2023年08月30日 by 张 鑫旭 阅读 10763 次, 今日 12 次
一开始看到registerProtocolHandler()方法老激动了，以为又发现了个好玩具，谁知深入体验了一番之后……呵呵~
阅读全文…
标签： API, github, href, HTTP协议, registerPaint, registerProperty, registerProtocolHandler, URLSearchParams
发布在 JS API | 2 条评论 »
2023年08月29日 by 张 鑫旭 阅读 22189 次, 今日 30 次
一个看似简单的HTML属性的底下，可能是一座巨大的冰山，referrer及其相关特性就是如此。
阅读全文…
标签： crossOrigin, meta, noreferrer, referrer, referrerpolicy, rel
发布在 Web综合 | 2 条评论 »
2023年08月27日 by 张 鑫旭 阅读 15238 次, 今日 14 次
Performance和PerformanceObserver，用户 Timing API，哦，学不完，根本学不完，这两周抽时间好好研究了一番，终于了解了个大概了?，特此记录下。
阅读全文…
标签： IntersectionObserver, MutationObserver, Paint API, Performance, PerformanceObserver, ResizeObserver, 前端性能
发布在 JS API | 5 条评论 »
2023年08月10日 by 张 鑫旭 阅读 13199 次, 今日 13 次
nonce可以用来决定哪些内联JS执行，popover可以无JS实现浮层弹出层交互效果。
阅读全文…
标签： Content-Security-Policy, crypto, dialog, html, meta, nonce, popover, unsafe-inline, XSS攻击
发布在 HTML相关 | 7 条评论 »
2023年07月31日 by 张 鑫旭 阅读 13018 次, 今日 12 次
今天好好了解了下kbd、var、samp等HTML，发现以前表示前端源代码的方式简单且浅薄了。
阅读全文…
标签： code, HTML元素, kbd, pre-wrap, samp, var
发布在 HTML相关 | 2 条评论 »
2023年07月25日 by 张 鑫旭 阅读 16874 次, 今日 18 次
没想到，以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
阅读全文…
标签： nowrap, text-wrap, wbr, white-space, 文字排版
发布在 CSS相关 | 8 条评论 »
2023年07月20日 by 张 鑫旭 阅读 24484 次, 今日 15 次
同样的布局效果，在2017年、2021年和2023年有着不同的实现，代码愈发的简洁高效，一起来看看CSS的发展对Web开发的帮助吧。
阅读全文…
标签： @container, aspect-ratio, cqw, flex布局, float, padding, 布局
发布在 CSS相关 | 12 条评论 »
2023年06月30日 by 张 鑫旭 阅读 13167 次, 今日 15 次
我发现，有个CSS三角函数之后，以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了，代码简洁了不少。
阅读全文…
标签： atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角
发布在 CSS相关 | 4 条评论 »
2023年06月18日 by 张 鑫旭 阅读 23247 次, 今日 15 次
有没有办法使用CSS让数字从0-100像动画一样不停变化呢？如果你一时不知道该如何实现，则本文值得一看。
阅读全文…
标签： @property, counter, CSS变量, cubic-bezier, houdini, loading, progress, transition
发布在 CSS相关 | 9 条评论 »
我的应用
我的应用