2024年04月14日 by 张 鑫旭 阅读 9185 次, 今日 11 次

模糊和投影算是SVG滤镜中学习难度最低的元素了,所以放在一起介绍,从中可以看到CSS模糊和投影滤镜语法的影子。
阅读全文…
标签: clipPath, drop-shadow, feDropShadow, feGaussianBlur, filter, stdDeviation, 高斯模糊
发布在 SVG相关 | 4 条评论 »
2024年04月11日 by 张 鑫旭 阅读 8374 次, 今日 13 次

要想成为前端图形表现领域的高手,要必要弄懂SVG中各种滤镜元素的语法与作用,先从简单的feblend元素开始。
阅读全文…
标签: feBlend, feImage, filter, SVG滤镜, 混合模式
发布在 SVG相关 | 2 条评论 »
2024年03月31日 by 张 鑫旭 阅读 10258 次, 今日 15 次

既生瑜何生亮,没想到CSS有语法和作用如此相似的两套规则,一个是范围,一个是嵌套,大部分时候两者可以互相替换,怎会如此呢?
阅读全文…
标签: :scope, @media, CSS嵌套, 选择器
发布在 CSS相关 | 9 条评论 »
2024年03月21日 by 张 鑫旭 阅读 8857 次, 今日 19 次

带大家快速了解下CSS initial-letter属性,可以更好地设置首字母的排版效果。
阅读全文…
标签: ::before, ::first-letter, float, initial-letter, shape-outside
发布在 CSS相关 | 没有评论 »
2024年03月17日 by 张 鑫旭 阅读 16945 次, 今日 21 次

全新的Screen Wake Lock API,可以让网页无论放置多久,都不要担心熄屏,或出现屏保,Web如今越来越强了。
阅读全文…
标签: navigator, Picture-in-Picture, pointerLockElement, requestPointerLock, screen, Screen Wake Lock, visibilitychange, wakeLock
发布在 JS API | 7 条评论 »
2024年02月29日 by 张 鑫旭 阅读 11797 次, 今日 14 次

音视频合成的时候,有倍速合成的需求,起初,我以为这只是个手到擒来的小需求,细究之下发现问题并不简单……
阅读全文…
标签: ArrayBuffer, audio, AudioBuffer, AudioContext, playbackRate, 算法, 音频
发布在 JS实例 | 4 条评论 »
2024年01月31日 by 张 鑫旭 阅读 12512 次, 今日 13 次

只要你的产品有SEO的需求,那么MicroData微数据就是必须要了解的知识,通过几个属性,让数据结构更适合搜索引擎识别。
阅读全文…
标签: MicroData, SEO, 微数据
发布在 HTML相关 | 4 条评论 »
2024年01月21日 by 张 鑫旭 阅读 13651 次, 今日 16 次

从名称上看,@scope似乎是实现CSS作用域的,这个讨论了近20年的特性终于是要支持了吗,还是并非如此?
阅读全文…
标签: :scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器
发布在 CSS相关 | 7 条评论 »
2024年01月15日 by 张 鑫旭 阅读 19225 次, 今日 18 次

其实获取视频的缩略图并不需要视频解码就能实现,方法就是其貌不扬的HTML video元素。
阅读全文…
标签: Blob, drawImage, fetch, video, VideoEncoder, 视频
发布在 JS实例 | 12 条评论 »
2024年01月11日 by 张 鑫旭 阅读 16879 次, 今日 19 次

Firefox也正式支持popover属性了,大人,时代变了,所有的下拉效果要换种实现方式啦。
阅读全文…
标签: button, dialog, html, popover, popovertarget, radio, z-index
发布在 JS实例 | 8 条评论 »