2020-09-08 html的sharedworker应用场景 + css的同级li的最后一个li的右边距 + JS的sdk设计 + 软技能的团队管理核心要素

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

猜你喜欢

转载自blog.csdn.net/vampire10086/article/details/108745815