2020-09-08 题目来源:http://www.h-camel.com/index.html
[html] 说说你对H5的SharedWorker的理解,它有什么运用场景?
Worker SharedWorker 是HTML5为我们提供的多线程的实现机制。解决问题: 如果js花费较长时间来处理一件事,那么浏览器这段时间将不会对用户产生响应。
看看这个主线程调用多个子线程的例子:主线程要完成一个任务需要两个线程,它创建了两个线程worker1,2,先向worker1请求,得到返回的数据后,再请求worker2,同时将worker1处理之后的数据交给worder2处理,然后拿到最终结果,显示在页面上。
onmessage事件: 当通过事件源接收消息时,会触发。
<body>
<div id="out"></div>
<input type="text" name="" id="txt">
<button id="btn">发送</button>
<script type="text/javascript">
var out = document.getElementById("out");
var btn = document.getElementById("btn");
var txt = document.getElementById("txt");
var worker1 = new Worker("thread1.js");
var worker2 = new Worker("thread2.js");
btn.addEventListener("click",function(){
var postData = txt.value;
worker1.postMessage(postData);
},false);
worker1.addEventListener('message',function(e){
worker2.postMessage(e.data);
},false);
worker2.addEventListener('message',function(e){
out.innerText = e.data;
},false);
</script>
</body>
//thread1.js
onmessage = function(event){
var res = event.data+"帅气!";
postMessage(res);
}
//thread2.js
onmessage = function(event){
var res = event.data+"没骗你哟!";
postMessage(res);
close();
}
转自 https://blog.csdn.net/zdy0_2004/article/details/70199241
[css] 如何取消同级li的最后一个li标签的右边距?
//如何用jquery获得每个ul下最后一个li
$(function(){
$("#ulId").each(function(){
var y = $(this).children().last();
// alert(y.text());
console.log(y[y.length - 1]); // 这个就是最后一个li元素
y[y.length - 1].style.marginLeft = "200px";
console.log(y[y.length - 1].style.marginLeft); // 200px
});
});
[js] 如何设计一个pageAPI?说说你的方法
如何设计出一些优雅的API接口呢? https://www.zhihu.com/question/31363461?from=profilequestioncard
[软技能] 你认为管理团队有哪些核心的要素?
i am not a leader, i am just a poor programmer