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

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

csdh11 2024-12-02 16:38 25 浏览

本期问题：

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

上一篇：F12-开发者工具常用操作与使用说明之源代码sources
下一篇：网页文档的复制与下载

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

上期答案：

相关推荐

java:Cassandra入门与实战——下

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

推荐五个优秀的富文本编辑器富文本编辑器app

配置GitLab流水线和门禁系统

BIOS/UEFI模式下如何分区 uefi分区教程

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

亿图图示免费VIP会员兑换码激活码礼品券

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

上期答案：

相关推荐

java:Cassandra入门与实战——下

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

推荐五个优秀的富文本编辑器 富文本编辑器app

配置GitLab流水线和门禁系统

BIOS/UEFI模式下如何分区 uefi分区教程

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

亿图图示 免费VIP会员兑换码激活码礼品券

推荐五个优秀的富文本编辑器富文本编辑器app

亿图图示免费VIP会员兑换码激活码礼品券