web前端入门到实战:32道常见的js面试题,2024年最新秋招是直接面试吗

简介: web前端入门到实战:32道常见的js面试题,2024年最新秋招是直接面试吗

正文

Object.call(this, obj1, obj2, obj3) Object.apply(this, arguments)

applycall的唯一区别是第二个参数的传递方式不同,apply的第二个参数必须是一个数组,而call允许传递一个参数列表。

8.ajax请求时,如何解析json数据

使用JSON.parse

9.事件委托是什么

利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!

10.闭包是什么,有什么特性,对页面有什么影响

闭包就是能够读取其他函数内部变量的函数,使得函数不被GC机制回收,如果过多使用闭包,容易导致内存泄露。

你以为什么是闭包的传送门

11.如何阻止事件冒泡

  • ie:阻止冒泡ev.cancelBubble = true;
  • 非IE ev.stopPropagation();

12.如何阻止默认事件

  • 1.return false
  • 2.ev.preventDefault();

13.添加 删除 替换 插入到某个接点的方法

1、创建新节点

// 创建一个具体的元素
createElement();
// 创建一个文本节点
createTextNode();

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

appendChild(); //添加
removeChild(); //移除
replaceChild(); //替换
insertBefore(); //插入

3、查找

//通过标签名称
getElementsByTagName();
//通过元素的Name属性的值
getElementsByName();
//通过元素Id,唯一性
getElementById();

14.解释jsonp的原理,以及为什么不是真正的 ajax

动态创建script标签,回调函数

Ajax是页面无刷新请求数据操作

15.document load 和document ready的区别

document.onload是在结构和样式,外部js以及图片加载完才执行js

document.readydom 树创建完成就执行的方法,原生中没有这个方法,jquery中有 $().ready(function)

16.””和“=”的不同

==会自动转换类型,再判断是否相等

===不会自动类型转换,直接去比较

17.函数声明与函数表达式的区别?

Javscript中,解析器在向执行环境中加载数据时,对函数声明和函数表达式并非是一视同仁的,解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问),至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解析执行。

18.对作用域上下文和this的理解,看下列代码:

var User = {
count: 1,
getCount: function() {
return this.count;
}
};
console.log(User.getCount()); // 1
var func = User.getCount;
console.log(func()); // 是1和undefined

func是在window的上下文中被执行的,所以不会访问到count属性。

19.看下面代码,给出输出结果。

for(var i = 1; i <= 3; i++){ //建议使用let 可正常输出i的值
setTimeout(function(){
console.log(i);
},0);
};
4 4 4。
// 原因:Javascript事件处理器在线程空闲之前不会运行。

20.当一个DOM节点被点击时候,我们希望能够执行一个函数,应该怎么做?

box.onlick= function(){}
box.addEventListener(“click”,function(){},false);

21.Javascript的事件流模型都有什么?

“事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播

“事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体的

“DOM事件流”:三个阶段:事件捕捉,目标阶段,事件冒泡

22.看下列代码,输出什么?解释原因。

var a = null;
alert(typeof a);
// object

解释:JavaScript 诞生以来便如此,null是一个只有一个值的数据类型,这个值就是null。表示一个空指针对象,所以用typeof检测会返回”object”

23.判断字符串以字母开头,后面可以是数字,下划线,字母,长度为6-30

var reg=/1\w{5,29}$/;

24.回答以下代码,alert的值分别是多少?

var a = 100;
function test() {
alert(a);
a = 10; //去掉了var 就变成定义了全局变量了
alert(a);
}
test();
alert(a);
// 正确答案是:100, 10, 10

25.javaScript的2种变量范围有什么不同?

  • 全局变量:当前页面内有效
  • 局部变量:函数方法内有效

26.null和undefined的区别?

null是一个表示"无"的对象,转为数值时为 0undefined是一个表示"无"的原始值,转为数值时为NaN。当声明的变量还未被初始化时,变量的默认值为undefinednull用来表示尚未存在的对象

前端面试题汇总

JavaScript

性能

linux

前端资料汇总


相关文章
|
7天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
7天前
|
前端开发 API
(WEB前端编辑DWG)在线CAD如何实现图形识别功能
mxcad 提供的图形识别功能可帮助用户快速识别和提取 CAD 图纸中的各种图形,如直线、多段线、弧线、圆及图块,显著提升设计效率。此功能不仅适用于图形分类,还能进行数量统计和快速定位,减少手动操作。用户可通过 API 进行二次开发,自定义识别逻辑。具体步骤包括打开在线示例、选择识别功能、设置识别参数并开始识别。更多开发文档请关注公众号:梦想云图网页 CAD。
|
9天前
|
前端开发 开发者 Python
从零到一:Python Web框架中的模板引擎入门与进阶
在Web开发的广阔世界里,模板引擎是连接后端逻辑与前端展示的重要桥梁。对于Python Web开发者而言,掌握模板引擎的使用是从零到一构建动态网站或应用不可或缺的一步。本文将带你从基础入门到进阶应用,深入了解Python Web框架中的模板引擎。
14 3
|
8天前
|
JSON 前端开发 JavaScript
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
该文章提供了Webpack的基础入门指南,涵盖安装配置、基本使用、加载器(Loaders)、插件(Plugins)的应用,以及如何通过Webpack优化前端项目的打包构建流程。
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
|
8天前
|
存储 前端开发 JavaScript
浅谈Web前端安全策略xss和csrf,及又该如何预防?
该文章详细讨论了Web前端安全中的XSS(跨站脚本攻击)和CSRF(跨站请求伪造)攻击原理及其防范措施,帮助读者了解如何保护Web应用程序免受这两种常见安全威胁的影响。
浅谈Web前端安全策略xss和csrf,及又该如何预防?
|
23天前
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
30 11
|
17天前
|
编解码 前端开发 JavaScript
web端 本地调用摄像头、前端摄像头
web端 本地调用摄像头、前端摄像头
|
23天前
|
前端开发
|
23天前
|
弹性计算 前端开发 容器
【前端web入门第六天】02 flex布局
Flex布局是一种现代CSS布局模式,通过给父元素设置`display: flex`,其子元素可自动挤压或拉伸。它包含弹性容器和弹性盒子,主轴默认为水平方向,侧轴为垂直方向。主轴对齐方式由`justify-content`属性控制,侧轴对齐方式包括`align-items`(针对所有子元素)和`align-self`(针对单个子元素)。修改主轴方向使用`flex-direction`属性,`flex`属性用于控制子元素在主轴上的伸缩比例。此外,`flex-wrap`属性允许子元素换行,而`align-content`属性则定义多行对齐方式。
|
23天前
|
SQL 安全 数据库
从入门到精通:Python Web安全守护指南,SQL注入、XSS、CSRF全防御!
【9月更文挑战第13天】在开发Python Web应用时,安全性至关重要。本文通过问答形式,详细介绍如何防范SQL注入、XSS及CSRF等常见威胁。通过使用参数化查询、HTML转义和CSRF令牌等技术,确保应用安全。附带示例代码,帮助读者从入门到精通Python Web安全。
47 6
下一篇
无影云桌面