2024年前端最新JavaScript——原生基础及事件，2024年最新最新web前端面试合集下载

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

box.innerHTML = “啊啊啊~~” + i;

num++; //变量自增

if(num > 5){ //如果到达指定条件

//清除定时器:

// 1. 需要有记录器(变量自增),来记录运行次数，

// 到达指定条件时触发

// 2. 定义定时器时，需要定义变量来保存这个定

// 时器(例如： time),然后使用

// clearInterval()方法。来清除这个变量中

// 的定时器，并将这个变量置空(time = null)

clearInterval(time);

time = null;

}

},1000);

备注：

参数1： 每次执行的具体任务, 自定义

参数2： 每次执行的间隔时间, 自定义 单位为毫秒

单次定时器：

作用： 只执行一次的定时器

方法： setTimeout()；

参数1： 执行的具体任务

参数2： 间隔多久执行 (延迟)

代码示例：

var time_two = setTimeout(function(){

box.style.backgroundColor = “yellow”;

console.log(“啦啦啦”);

},2000);

事件类型

==============================================================

单击事件：

方法： onclick（）

如何添加：

1. 获取元素，在js中给元素绑定

备注： 直接赋值使用，不需要函数名

代码示例：

var box = document.getElementsByClassName(“box”)[0];

btn.onclick = function(){

box.style.backgroundColor = “rgb(” + randomColor()

• “,” + randomColor() + “,” + randomColor() + “)”;

}

function randomColor(){

return Math.floor(Math.random()*(250-200)+200);

}

2. 定义好函数， 在html标签中 绑定函数

代码示例：

按钮

function myClick(){

box.innerHTML = “啊~~”;

}

---

方法： onload

作用：

1）当页面(html,图片之类)加载完成后，执行的方法

2）该方法用于，包裹所有内联js代码

3）解决js获取html标签时，标签还没有加载的情况

4）先加载页面，再加载功能。 能够提高用户体验

代码示例：

window.onload = function(){

1. 这里存放 所有内联的js代码

2. 以保证,先加载页面,再加载js功能

}

方法：

1. onblur： 失去焦点

2. onfocus: 获得焦点

3. onselect: 选中文本时触发

4. onchange: 在内容发生改变是触发

5. onreset: 重置时触发

鼠标类事件：

1. ondblclick: 双击时触发

2. onmouseover： 鼠标移入

3. onmouseout： 鼠标移出

4. onmousedown : 用户在指定元素身上 按下时触发

备注： 除非情景 需要 按下 和抬起各执行一个功能，否则，不使用，因为按下就触发，没有给用户改错的机会

键盘事件：

后话

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。