小编Che*_*hef的帖子

在webpack 4中,如何只在一个条目上splitChunks?

我有两个条目:page1.js,page2.js.

我不想在两个条目之间提取共享代码.我只想提取page2.js中使用的node_modules.

我如何在webpack 4中实现这一目标?谢谢.

webpack webpack-4 webpack-splitchunks

9
推荐指数
1
解决办法
850
查看次数

为什么twitter会实现像这样的全屏图像

twitter的首页有一个全屏图像.在源代码中,它们执行以下操作:

HTML:

<div class="front-bg">
<img class="front-image" src="xxx.jpg">
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.front-bg {
position: fixed;
width: 200%;
height: 200%;
left: -50%;
}
.front-bg img {
margin: auto;
min-width: 50%;
min-height: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
Run Code Online (Sandbox Code Playgroud)

为什么他们将top/left属性设置为".front-bg img"?如果我改变这样的事情:

.front-bg {
position: fixed;
width: 100%;
height: 100%;
}
.front-bg img {
min-width: 100%;
min-height: 100%;
}
Run Code Online (Sandbox Code Playgroud)

它也有效.为什么他们设置宽度200%而不是?

css

7
推荐指数
1
解决办法
811
查看次数

js与引导线交互

在此输入图像描述

Interact.js 有一个捕捉元素的捕捉选项。但我不知道如何显示这些指导线。我在想捕捉发生时可能会触发一些事件,我可能会使用它们来显示这些行,但我在文档中没有找到它们。

javascript interact.js

5
推荐指数
1
解决办法
1536
查看次数

并行触发异步请求,但使用rxjs按顺序获取结果

例如:

使用jquery ajax在parrallel中获取5页。当page2返回时,什么也不做。当page1返回时,对page1和page2进行操作。

// assume there is some operator that can do this, 
// then it might look like this?
Rx.Observable.range(1, 5).
someOperator(function(page) {
  return Rx.Observable.defer( () => $.get(page) );
}).scan(function(preVal, curItem) {
  preVal.push(curItem);
  return preVal;
}, []);
Run Code Online (Sandbox Code Playgroud)

javascript rxjs

5
推荐指数
1
解决办法
2206
查看次数

how to fire only the very last setTimeout

window.addEventListener('resize', onResize, false);
function onResize() {
    timer = setTimeout(function() { 
        console.log('fire timer');
    }, 1000);
}
Run Code Online (Sandbox Code Playgroud)

调整事件大小超级快速.因此每1000ms会有很多计时器点火.如何只开始最后一个计时器?

javascript

3
推荐指数
1
解决办法
149
查看次数