web前端面试题及答案

2024年1月25日发(作者：)

web前端面试题及答案

web前端面试题及答案

引导语：了解一些面试题及答案，可以帮助自己顺利通过面试哦。以下是小编为大家整理的web前端面试题及答案，供各位参考。

1、怎样添加、移除、移动、复制、创建和查找节点？

创建新节点：

creatDocumentFragment()，创建一个DOM片段。

creatElement()，创建一个具体的元素。

creatTextNode()，创建一个文本节点。

添加、移除、替换、插入：

appendChild()，添加。

removeChild()，移除。

replaceChild()，替换。

Before()，插入。

查找：

getElementsByTagName()，通过标签名称。

getElementsByName()，通过元素的Name属性的值。

getElementById()，通过元素id，唯一性。

2、JS中什么是伪数组？如何将伪数组转化为标准数组？

伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为。但仍可以对真正数组遍历方法来遍历它们。典型的是函数的arguement参数，还有像调用getElementsByTagName()、odes()之类的'，它们都返回NodeList对象，都属于伪数组。可以用(fakeArray)将数组转化为真正的Array对象。

3、JS中callee和caller的作用。

caller是返回一个对函数的引用，该函数调用了当前函数；

callee是返回正在被执行的函数，也就是所指定的function对象的正文。

4、请说出三种减低页面加载时间的方法。

1.压缩CSS、JS文件。

2.合并JS、CSS文件，减少HTTP请求。

3.外部JS、CSS文件放最底下。

4.减少DOM的操作，尽可能用变量替代不必要的DOM操作。

5、为什么用多个域名来存储网络资源会更有效？

确保用户在不同地区用最快的速度打开网站，其中某个域名崩溃，用户也能通过其他域名访问网站。

6、如何消除一个数组里面重复的元素？

indexOf():返回某个指定的字符串值在字符串中首次出现的位置，对大小写敏感，若没有，则返回-1。

7、写一个function，清除字符串前后的空格（兼容所有的浏览器）。

8、统计字符串中字母个数或统计最多字母数。

(i)：返回指定位置的字符，i在0~之间，如果i不在0~之间，该方法返回一个空字符串。

9、截取字符串"abcdefg"中的"egf"。

10、实现一个函数clone，可以对JS中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

11、JS中如何检测一个变量是string类型？

typeof(obj)=="string";

uctor==string;

12、写出三个使用this的典型应用。

事件：onclick this，发生事件的对象；

构造函数：this，new出来的object；

call/apply：改变this；

13、网页中实现一个计算当年还剩多少时间的倒计时程序，要求网页上实时动态显示“xx年还剩xx天xx时xx分xx秒”。