第127天（2018-12-09）

拿着前端号码牌徘徊

字数 552 · 阅读 0

2019-12-23 23:54

第127天（2018-12-09）

[html] Web Worker线程的限制是什么？

[css] transition、animation、transform三者有什么区别？

[js] 请写出如下代码运行的结果并解释为什么？[代码]

    var type = 'images';

    var size = {width: 800, height: 600};

    var format = ['jpg', 'png'];

    function change(type, size, format){

        type = 'video';

        size = {width: 1024, height: 768};

        format.push('map');

    }

    change(type, size, format);

    console.log(type, size, format);

[软技能] 你在工作中有用到过websocket吗？用它来解决什么问题？

题目一：

默认画布尺寸为300*150 不加单位。

如果直接在css中设置canvas元素的width和height会导致画面变形。

如果不想画面变形可以直接在标签中设置，或者通过js来设置属性的宽高。

<canvas width='300' height='200' id= 'a'>

var can = document.getElementById('a')

can.width ='500';

can.height = '300'

题目二：

（1）同源限制

分配给 Worker 线程运行的脚本文件，必须与主线程的脚本文件同源。

（2）DOM 限制

Worker 线程所在的全局对象，与主线程不一样，无法读取主线程所在网页的 DOM 对象，也无法使用document、window、parent这些对象。但是，Worker 线程可以navigator对象和location对象。

（3）通信联系

Worker 线程和主线程不在同一个上下文环境，它们不能直接通信，必须通过消息完成。

（4）脚本限制

Worker 线程不能执行alert()方法和confirm()方法，但可以使用 XMLHttpRequest 对象发出 AJAX 请求。

（5）文件限制

Worker 线程无法读取本地文件，即不能打开本机的文件系统（file://），它所加载的脚本，必须来自网络。

题目三：

transition：可以用来设置一个过渡动画效果

transition: margin-right 4s ease-in-out 1s;

animation：css动画效果设置，可以通过指定不同的关键帧设置复杂的动画效果

animation:mymove 5s infinite;

@keyframes mymove

{

from {left:0px;}

to {left:200px;}

}

transform：css3新增的一个变形属性，可以对元素做2d或3d旋转，缩放，倾斜的效果

transform:rotate(9deg) scale(0.5) ;

题目四：

晚上10点下班，回家洗澡，看书写代码到12点，睡到6点半，起来背背单词什么的

赞

每一滴的喜爱，都将是我分享的动力

赞赏支持

相关推荐

偷情真的那么刺激吗？

阅读 76878

看了一篇观人术，写的真好

阅读 7706

上了床之后，究竟得到了什么 (已更新到四)

阅读 26171

学习在于精而不在于多，偷偷藏起这两个APP不久让你的同学对你刮目相看

阅读 3806

世界公认最好的学习法，轻松解决5大学习难题——费曼学习法

阅读 6391