JavaScript——原生基础及事件，前端面试秘籍

概念： Date对象是用来处理时间和日期，内置了一系列获取和设置日期和时间的方法

使用：

1.每次在使用它之前，都需要配合new关键字， 来生成一个Date对象，

2.然后通过Date对象，再去调用各种方法

备注： Date获取的是当前计算机的本地时间

方法：

1. toLocaleString()： 可把时间对象转换为字符串(我们需要的格式)

2. getTime(): 返回的是 1970年1月1日距今的 毫秒数

3. setTime(): 以毫秒数 设置Date对象

4. setFullYear(): 设置 年 月 日 （月份是0~11）

5. setMonth() : 设置 月 日 毫秒

6. setHours() : 设置 时 分 秒 毫秒

7. setMinutes(): 分 秒 毫秒

8. getFullYear(): 获取年份

9. getMonth(): 获取到月份 取值范围 0~11

10. getDate(): 获取一个月中的第几天

11. getDay(): 获取一周中的第几天

12. getHours(): 获取小时

13. getMinutes(): 获取分钟

14. getSeconds(): 获取秒数

定时器

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

普通定时器：

方法：

setInterval(): 会去重复执行某一个功能

代码示例：

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

var i = 0;

var num = 0; //定时器的 次数 记录器 (自定义的)

var time = setInterval(function (){

i = Math.floor(Math.random()*250);

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

作用：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取，包括答案解析。

**

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取，包括答案解析。

[外链图片转存中…(img-KJDw01mO-1712118256340)]