2024年最全javascript 内置对象Math总结及其案例，面试总结发言稿

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

1.绝对值方法

//1.绝对值方法

console.log(Math.abs(1)); // 1

console.log(Math.abs(-1)); //1

console.log(Math.abs(‘-5’)); //5 会隐式转换，将数字字符串转换为数字，然后取绝对值

console.log(Math.abs(‘aniu’)); // NaN

2.三个取整方法

//2.三个取整方法

console.log(Math.floor(1.1)); //1

console.log(Math.floor(1.9)); //1

console.log(Math.floor(-1.1)); //-2

console.log(Math.ceil(1.1)); // 2

console.log(Math.ceil(1.9)); //2

console.log(Math.ceil(-1.9)); //-1

console.log(Math.round(1.5)); //2 四舍五入 .5这个特殊，是往大了取

console.log(Math.round(-1.5)); // -1 往大了取

console.log(Math.round(-1.2)); // -1

3.求最大值/最小值

//3.求最大值/最小值

console.log(Math.max(1,5,78,46));

console.log(Math.min(1,5,78,46));

4.随机数

//4.随机数

console.log(Math.random());

案例-求两个数之间的随机整数的小算法（重要）

求两个数之间的随机整数 并且包含这两个数:

//核心算法

Math.floor(Math.random()*(max-min)) + min;

function getRandom(min,max){

return Math.floor(Math.random()*(max-min)) + min;

}

console.log(getRandom(1,7));

案例-随机点名（嘿嘿嘿）

//随机点名

var arr = [‘阿牛’,‘梦梦’,‘小鸣人’,‘winter’,‘小何’,‘WA’,‘贱神’,‘扎哇’] //太多啦，就写这些举例啦

console.log(arr);

console.log(‘阿牛爱你们💖💖💖’);

function getRandom(min,max){

return Math.floor(Math.random()*(max-min)) + min;

}

console.log(‘随机点中了：’ + arr[getRandom(0,arr.length - 1)]);

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

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

x异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-848NzSTk-1715644905339)]

[外链图片转存中…(img-wEgthDxI-1715644905340)]

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