2024年最新JavaScript 进阶第二章（循环结构 ）(1)，2024年最新阿里Web前端岗面试百题

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

// 复制粘贴弊端：（1）代码冗余 （2）不便于维护

// console.log ( “你好呀，海海” );

// console.log ( “你好呀，海海” );

// console.log ( “你好呀，海海” );

/*

1.循环结构 ： 代码重复执行

2. 语法

while(条件 true/false){

循环体 ：需要重复执行的代码

};

执行步骤

1. 判断条件是否成立

2.1 成立：执行循环体代码。 重复步骤1

2.2 不成立，循环语句结束，执行大括号后面的代码

*/

let i = 1; // 循环变量，记录循环次数

while( i <= 3 ){

console.log ( “你好呀，海海” );

i++; // 循环变量自增 自增的目的是为了控制循环的次数，否则这是一个死循环

}

console.log(‘111’); // 大括号外的代码与循环结构没有关系，还是顺序执行

// 循环语句注意点：

// 循环语句注意点：

// (1)小括号中的语句，无论结果是什么都会转换成布尔类型来判断是否成立

// (2)避免写一个死循环

// let num = 1;

// while(num < 10){

// console.log ( num );

// num++; // 改变循环变量的值，可以避免死循环

// }

do-while循环结构

---

1.语法

do{

循环体;

}while( 条件 );

• 2.执行过程

• 1.先执行循环体代码

• 2.执行条件语句

• 如果结果为true，执行循环体代码

• 如果为false，循环结束

• 3.重复步骤2

• 3.do-while和while实现的循环其实是一样的，只有一个不同点：do-while循环不管怎样先执行一次循环体代码，然后再判断条件

• while循环：先奏后斩（先判断条件再执行循环体）

• do-while循环：先斩后奏（不管怎样先执行一次循环体代码，然后再判断条件）

代码演示：