2023年08月10日 by 张 鑫旭 阅读 14509 次, 今日 16 次
nonce可以用来决定哪些内联JS执行，popover可以无JS实现浮层弹出层交互效果。
阅读全文…
标签： Content-Security-Policy, crypto, dialog, html, meta, nonce, popover, unsafe-inline, XSS攻击
发布在 HTML相关 | 7 条评论 »
2023年07月31日 by 张 鑫旭 阅读 14164 次, 今日 7 次
今天好好了解了下kbd、var、samp等HTML，发现以前表示前端源代码的方式简单且浅薄了。
阅读全文…
标签： code, HTML元素, kbd, pre-wrap, samp, var
发布在 HTML相关 | 2 条评论 »
2023年07月25日 by 张 鑫旭 阅读 18142 次, 今日 10 次
没想到，以前有些不方便实现的排版和布局效果可以使用text-wrap:balance轻松实现。
阅读全文…
标签： nowrap, text-wrap, wbr, white-space, 文字排版
发布在 CSS相关 | 8 条评论 »
2023年07月20日 by 张 鑫旭 阅读 25676 次, 今日 9 次
同样的布局效果，在2017年、2021年和2023年有着不同的实现，代码愈发的简洁高效，一起来看看CSS的发展对Web开发的帮助吧。
阅读全文…
标签： @container, aspect-ratio, cqw, flex布局, float, padding, 布局
发布在 CSS相关 | 12 条评论 »
2023年06月30日 by 张 鑫旭 阅读 14321 次, 今日 9 次
我发现，有个CSS三角函数之后，以前很多需要JS计算才能实现的布局现在都可以纯CSS完成了，代码简洁了不少。
阅读全文…
标签： atan(), cos(), CSS函数, CSS变量, CSS数学函数, hypot(), sin(), 三角
发布在 CSS相关 | 4 条评论 »
2023年06月18日 by 张 鑫旭 阅读 24422 次, 今日 6 次
有没有办法使用CSS让数字从0-100像动画一样不停变化呢？如果你一时不知道该如何实现，则本文值得一看。
阅读全文…
标签： @property, counter, CSS变量, cubic-bezier, houdini, loading, progress, transition
发布在 CSS相关 | 9 条评论 »
2023年06月5日 by 张 鑫旭 阅读 26494 次, 今日 13 次
真是大开眼界，没想到纯CSS代码也能实现随机噪点效果。
阅读全文…
标签： background-blend-mode, canvas, feTurbulence, filter, repeating-conic-gradient, repeating-radial-gradient, sepia, SVG, 动效, 噪点
发布在 CSS相关 | 6 条评论 »
2023年06月4日 by 张 鑫旭 阅读 56893 次, 今日 16 次
如果你遇到需要纯前端导出PDF文件的需求，本文百分之一万对你的实现有所帮助。
阅读全文…
标签： canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域
发布在 JS实例 | 25 条评论 »
2023年05月31日 by 张 鑫旭 阅读 30354 次, 今日 10 次
这个CSS属性至少99%的人都没见过。
阅读全文…
标签： gap, margin, margin-block, margin-inline, margin-trim
发布在 CSS相关 | 13 条评论 »
2023年05月21日 by 张 鑫旭 阅读 28347 次, 今日 7 次
本文算是目前国内关于浏览器音视频合成，尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
阅读全文…
标签： audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频
发布在 JS实例 | 11 条评论 »
我的应用
我的应用