2024最新前端经典面试试题,web项目二次开发

本文涵盖了前端面试中的关键知识点,包括数组处理、document.write与innerHTML的区别、AJAX工作原理、XML和JSON的对比、JavaScript数据类型、undefined与null的区别、HTTP与HTTPS的区别、HTTP状态码及网站性能优化策略。此外,还讨论了MVVM与MVC模式、CSS单位、内存泄露、闭包、同源策略和DOM操作。文章适合准备前端面试的开发者参考。

s.push(arr[i]);

}

}

console.log(s);

//输出结果:[“abc”, “abcd”, “sss”, “2”, “d”, “t”, “ss”, “f”, “22”]

9,document.write和innerHTML的区别:


document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。

innerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.innerElement。

innerHTML将内容写入某个DOM节点,不会导致页面全部重绘

innerHTML很多情况下都优于document.write,其原因在于其允许更精确的控制要刷新页面的那一个部分。

10,什么是ajax? ajax的步骤?


ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。

如何使用ajax?

第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。

var xhttp;

if (window.XMLHttpRequest) {

//现代主流浏览器

xhttp = new XMLHttpRequest();

} else {

// 针对浏览器,比如IE5或IE6

xhttp = new ActiveXObject(“Microsoft.XMLHTTP”);

}

第二步,使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。

第三步,使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。

第四步,onreadystatechange函数,当发送请求到服务器,我们想要服务器响应执行一些功能就需要使用onreadystatechange函数,每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数。

11,xml和json的区别


· JSON相对于XML来讲,数据的体积小,传递的速度更快些

· JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互

· XML对数据描述性比较好;

· JSON的速度要远远快于XML;

12,js有几种数据类型,其中基本数据类型有哪些


五种基本类型: Undefined、Null、Boolean、Number和String。

引用类型: Object、Array和Function。

13,undefined和null的区别


null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,

所以你可以认为它是一个特殊的对象值。

undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。

null是javascript的关键字,可以认为是对象类型,它是一个空对象指针,

和其它语言一样都是代表“空值”,不过 undefined 却是javascript才有的。

undefined是在ECMAScript第三版引入的,为了区分空指针对象和未初始化的变量,

它是一个预定义

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值