Clik here to view.
使用JS快速获取video视频任意位置的缩略图
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11103 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、先看效果 您可以狠狠地点击这里：JS每隔一秒提取视频缩略图demo 例如，选择本地视频后：...
View ArticleClik here to view.
CSS @scope他来了
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11110 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、背景前言 随着Safari TP版本已经支持CSS @scope规则，这个新特性在不久的将来在Web中大放异彩已是必然。 那这样@scope规则是干什么用的呢？...
View ArticleClik here to view.
HTML MicroData微数据结构简介
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11116 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 MicroData微数据相关的知识适用于对SEO非常重视的产品，且主要针对谷歌、微软、雅虎等国外的搜索引擎，适用场景较为小众，因此，本文内容大致了解下即可。...
View ArticleClik here to view.
不改变音调情况下Audio音频的倍速合成JS实现
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11124 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、以为很简单，结果… 遇到需求，需要对音频倍速合成，可能是0.5倍速，也可能是2倍速。...
View ArticleClik here to view.
今天才知道，Web网页也能阻止息屏了
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11135 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、阻止屏幕黑屏休眠...
View ArticleClik here to view.
CSS initial-letter属性，嗯……也就这样吧
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11142 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、作用简述 Chrome 110开始支持CSS initial-letter属性了。 initial...
View ArticleClik here to view.
CSS Nesting嵌套与@scope规则也太雷同了吧？
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11144 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、居然还有个CSS嵌套 年前有介绍CSS @scope规则，可以实现CSS的选择器内外嵌套，简化选择器的书写： @scope(nav) { ul {...
View ArticleClik here to view.
SVG滤镜系列之搞懂元素
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11158 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、前言 SVG滤镜元素我之前有深入介绍过两个，一个是feTurbulence滤镜，另外一个是...
View ArticleClik here to view.
今天学习SVG滤镜feGaussianBlur和feDropShadow
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11166 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、写在开头的絮絮叨 今天周日在家，本来想去钓鱼的，临出门，又不想了，唉……连续钓鱼，啥产出都没有，有负罪感，钓鱼都不开心。...
View ArticleClik here to view.
node环境中使用fluent-ffmpeg每隔一秒视频截图
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11175 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、需求产生的背景 之前有撰文（使用JS快速获取video视频任意位置的缩略图）介绍过纯前端获取视频的截图，按照每秒获取一张的频率去获取，性能还是可以的。...
View ArticleClik here to view.
不使用font-weight等CSS实现文字变瘦或变胖效果
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11182 鑫空间-鑫生活 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、没想到吧，还是SVG滤镜 今天继续SVG滤镜的学习，不过直接从实用的案例出手。 先看效果。...
View ArticleClik here to view.
如何用简单的Web方法实现图片的马赛克效果
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11187 鑫空间-鑫生活 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、开门见山先看实现 在Web上实现图片的马赛克效果最简单的做法就是借助SVG滤镜。 操作很简单，页面任意位置粘贴如下所示的SVG代码：...
View ArticleClik here to view.
记一次技术交流，feMerge滤镜复制任意DOM元素样式
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11200 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、故事的背景 故事的背景是这样的，前段时间，有位同行咨询了我这么个问题： 大佬，请教一下，css有没有办法在不增加dom元素的情况下，将一个元素的样式...
View ArticleClik here to view.
聊聊Top Layer顶层特性的隐患与实践
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11213 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、好不好用过才知道 HTML5...
View ArticleClik here to view.
告别JS浮层，全新的CSS Anchor Positioning锚点定位API
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11215 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、新的王牌特性 Chrome...
View ArticleClik here to view.
CSS transition-behavior让display none也有动画效果
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11245 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、现状描述...
View ArticleClik here to view.
如何使用纯CSS鉴别是不是Safari浏览器
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11252 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、时代变了某些没变 Safari啊Safari，唉，不知道说什么才好。 最近做项目，又遇到了近Safari才会出现的问题，拖拽元素的时候有奇怪的残影。...
View ArticleClik here to view.
了解infinity、pi等CSS calc()计算关键字
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11261 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、calc()函数支持的新关键字...
View ArticleClik here to view.
今日学习CSS文本自定义高亮API
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11282 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 一、前前前言 生命不息，学习不止。 本周实操一下CSS Custom Highlight API。...
View ArticleClik here to view.
关于《HTML并不简单》这本书
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=11275 本文可全文转载，独立域名个人网站无需授权，但需要保留原作者、出处以及文中链接，任何网站均可摘要聚合，商用请联系授权。 前言 盼星星，盼月亮，我的第5本书《HTML并不简单》已经正式上架了。 这本书是围绕HTML这门语言展开的，可以说是市面上唯一一本专讲HTML的书籍。...
View Article