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

2023年05月7日 by 张 鑫旭 阅读 12039 次, 今日 4 次

占位图,头图,封面图

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

阅读全文…

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

2023年04月23日 by 张 鑫旭 阅读 39700 次, 今日 7 次

chatGpt封面图

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

阅读全文…

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

2023年03月24日 by 张 鑫旭 阅读 13483 次

蛾子,封面图

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

阅读全文…

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

2023年03月17日 by 张 鑫旭 阅读 20534 次, 今日 6 次

中文内容处理

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

阅读全文…

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

2023年03月17日 by 张 鑫旭 阅读 28643 次

chatGpt封面图

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

阅读全文…

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

2023年03月15日 by 张 鑫旭 阅读 13679 次

花朵封面

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

阅读全文…

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

2023年03月12日 by 张 鑫旭 阅读 14944 次, 今日 1 次

text-align-last

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

阅读全文…

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

2023年02月27日 by 张 鑫旭 阅读 13768 次

canvas 曲线

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

阅读全文…

是时候介绍这几个全新的CSS颜色函数了

2023年02月19日 by 张 鑫旭 阅读 14740 次, 今日 5 次

调色板占位图CSS颜色

介绍7个全新的CSS颜色函数,虽然不算特别深入,但也算是CSS颜色这块比较有含金量的介绍文章了,里面全部都是以前不知道的知识,不得不感叹,颜色这东西,若要深究,怕是比贝加尔湖还要深。

阅读全文…

奇了怪了,输入法和JS Enter回车提交冲突

2023年02月8日 by 张 鑫旭 阅读 18092 次, 今日 1 次

键盘输入封面图

遇到了个奇怪的bug,以前一直都没遇到过,怎么回事?仔细研究后发现事情并不简单。

阅读全文…