当前位置：网站首页 > 技术文章 > 正文

前端进阶-每日一练(4)

网站名称：前端进阶-每日一练(4)
网站分类：技术文章
收录时间：2025-06-09 21:08
网站地址：

进入网站

“前端进阶-每日一练(4)” 网站介绍

本期问题：

document.write和innerHTML、innerText有什么区别？
jQuery中如何中断each遍历？
如何查找数组中的最小值和最大值？
如何做到优雅降级，渐进增强？
$.fn.extend和$.extend区别是什么？
如何收集页面中多个ajax的执行结果？
js创建对象有哪几种方式？
在地址栏输入url中间会经历什么？
你所了解的前端技术栈有哪些？
ajax在jquery底层是如何实现的？

上期答案：

1.实例化一个函数的时候，new关键字的过程是怎样的？

答：

1.创建一个新对象；

2.将构造函数的作用域赋给新对象（因此this指向了这个新对象）；

3.执行构造函数中的代码（为这个新对象添加属性）；

4.返回新对象

2.什么是js阻塞？

答：

Js具有阻塞特性，当浏览器在执行js代码时，不能同时做其他事情，即<script>标签每次出现都会让页面等待脚本的解析和执行，Js执行完成后，才能继续渲染页面。

再深入一点去了解浏览器构造页面的原理：当浏览器从服务器接收到了HTML文档，并把HTML在内存中转换成DOM树，在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAGE，就会再发1个request去请求CSS或image,然后继续执行下面的转换，而不需要等待request的返回，当request返回后，只需要把返回的内容放入到DOM树中对应的位置就OK。

但当引用了JS的时候，浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构，而JS中很有可能有代码直接改变了DOM树结构，比如使用document.write 或 appendChild,甚至是直接使用的location.href进行跳转，浏览器为了防止出现JS修改DOM树，需要重新构建DOM树的情况，所以就会阻塞其他的下载和呈现。

for(var i = 0 ; i < 10; i++){
 setTimeout(function{
    console.log(i);
 }, 0);
}

答：

都是10

因为setTimeout是异步的，在执行setTimeout时for循环已结束。

document.appendchild

上一篇：Blob文件下载方式
下一篇：如何使用JavaScript实现Prompt弹窗?

前端进阶-每日一练(4)

“前端进阶-每日一练(4)” 网站介绍

上期答案：

更多相关网站