CSS margin-trim属性是做什么用的?

2023年05月31日 by 张 鑫旭 阅读 16324 次, 今日 36 次

margin-trim封面图

这个CSS属性至少99%的人都没见过。

阅读全文…

JS audio加图片序列或canvas转webM/MP4的实现

2023年05月21日 by 张 鑫旭 阅读 11856 次, 今日 37 次

视频合成封面图

本文算是目前国内关于浏览器音视频合成,尤其WebCodecs API进行视频合成这块比较稀缺的内容了。

阅读全文…

使用ImageDecoder API让GIF图片暂停播放

2023年05月7日 by 张 鑫旭 阅读 9602 次, 今日 2 次

占位图,头图,封面图

ImageDecoder是浏览器支持的原生API,可以对GIF动图进行逐帧解析渲染,播放控制,图像处理,水印添加等,都不在话下。

阅读全文…

AI代码辅助工具codeium和copilot在前端表现对比

2023年04月23日 by 张 鑫旭 阅读 32496 次, 今日 55 次

chatGpt封面图

Codeium官方说自己哪哪都比GitHub Copilot强,我倒要看看,Codeium究竟是吹牛,还是真的深藏不露。

阅读全文…

CSS又出了个revert-layer全局关键字😂

2023年03月24日 by 张 鑫旭 阅读 11105 次, 今日 19 次

蛾子,封面图

一不留神,又发现了一个CSS全局关键字revert-layer,一番研究后,终于知道干嘛用的了,这个值以后@layer大火的时候会很有用。

阅读全文…

瞎折腾,使用JS让中文内容莫名其妙、狗屁不通

2023年03月17日 by 张 鑫旭 阅读 17488 次, 今日 30 次

中文内容处理

有时候看起来没什么卵用的脑洞想法说不定关键时候可以帮大忙,解决棘手问题,或者满足稀奇古怪的需求。😎😎😎

阅读全文…

好奇心驱使下试验了chatGPT写CSS代码的能力

2023年03月17日 by 张 鑫旭 阅读 25154 次, 今日 34 次

chatGpt封面图

想了10个与CSS相关的案例,看看chatGPT的CSS代码水平如何,评估下自己会不会失业,结果惊为天人!

阅读全文…

又发现一种无需绝对定位就可以元素重叠的CSS技巧

2023年03月15日 by 张 鑫旭 阅读 11409 次, 今日 8 次

花朵封面

除了absolute绝对定位,margin负值,grid重叠外,我有发现了一种可以让元素叠加的CSS方法,是什么呢?

阅读全文…

一万年了,CSS text-align-last终于可以用了

2023年03月12日 by 张 鑫旭 阅读 12961 次, 今日 4 次

text-align-last

Safari啊Safari,都这个年代了,你还支持text-align-last作甚,当年千呼万唤你不出来,如今无人问津了却粉墨登场,唉,支持总归不必支持好,在单行内容的纯文本控制领域,这个属性还是有个无可替代的优势的。

阅读全文…

任意两个点的曲线连接JS算法

2023年02月27日 by 张 鑫旭 阅读 12678 次, 今日 9 次

canvas 曲线

突发奇想给自己想了个需求, 抽时间研究并实现了下,作为日后的技术储备,等待厚积薄发。

阅读全文…