小编TxH*_*TxH的帖子
Firefox不会播放SVG中定义的关键帧动画作为背景图像嵌入
我在文件中的块内定义SVG了@keyframeanimationS <style>,我使用该background-image属性嵌入到页面中.
动画在Chrome和Safari中完美运行,但在Firefox中则不然.在Firefox中查看图像本身时,动画将按预期工作.
.loader {
height: 3.375rem;
width: 3.375rem;
background: url("http://www.haaretz.co.il/htz/images/htz-spinner.svg");
}<div class="loader"></div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<style>
.alef {
fill: #fff
}
.alef-bg {
fill: #09A5D9
}
.commet-wrapper {
-ms-transform: translate(76px, 76px) scale(-1, .57) skewY(50deg);
-webkit-transform: translate(76px, 76px) scale(-1, .57) skewY(50deg);
transform: translate(76px, 76px) scale(-1, .57) skewY(50deg);
}
.commet {
fill: #067194;
-webkit-animation: color-change 2s linear infinite .8s, spin 1s linear infinite;
animation: color-change 2s linear infinite .8s, spin …6
推荐指数
推荐指数
1
解决办法
解决办法
891
查看次数
查看次数
在pull -rebase之后执行git-hook
我想做一个钩子运行,git pull --rebase以检查某个文件是否被更改.这个钩子的东西.
我最初想过使用post-rewrite钩子,但是只有在重写提交时才有效,并且当pull操作只是快速转发分支时不会运行,这很常见.
任何想法将不胜感激.
5
推荐指数
推荐指数
1
解决办法
解决办法
624
查看次数
查看次数
配置 Webpack 为 Next JS 中的页面组创建捆绑包
我们正在构建一个相当大的应用程序，有很多页面。这些页面可以分为几个不同的页面组，这些页面之间共享许多共同的依赖关系，而其他组中的页面不使用这些依赖关系。
如果我要画一个粗略简化的依赖树，它会是这样的：
所以基本上，页面的两个“类”，PA以及PB，我想通过以下方式将其依赖项拆分为捆绑包：所有页面之间共享的依赖项（D-3在本例中），我希望将其包含在commons捆绑包中；
- 仅在
PA页面 (D-1和D-2) 之间共享的依赖项，我希望将其捆绑在一起PA； - 仅在
PB页面 (D-4和D-5) 之间共享的依赖项，我希望将其捆绑在一起PB； - 仅由单个页面 (
D-6) 使用的依赖项，它应该是该页面捆绑包的一部分
在当前设置下，由于D-3、D-4和D-5被应用程序中超过一半的页面使用，因此它们被捆绑到包中commons，因此也由PA类型页面加载。
有没有办法扩展 next.Js 的 webpack 配置next.config.js以使用这种方式生成捆绑包optimization.splitChunks？
5
推荐指数
推荐指数
0
解决办法
解决办法
590
查看次数
查看次数