js处理二维数组分类【例如tab栏、每栏8个】、界面更新后渲染swiper

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，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

}

// 如果minArr是空的, 将小数组保存到大数组中

if (minArr.length === 0) {

arr.push(minArr);

}

// 将当前分类保存到小数组中

minArr.push©;

});

return arr;

},

},

watch: {

categorys(value) {

// categorys数组中有数据了, 在异步更新界面之前执行

// 使用setTimeout可以实现效果, 但不是太好

/*setTimeout(() => {

// 创建一个Swiper实例对象, 来实现轮播

new Swiper(‘.swiper-container’, {

loop: true, // 可以循环轮播

// 如果需要分页器

pagination: {

el: ‘.swiper-pagination’,

},

})

}, 100)*/

// 界面更新就立即创建Swiper对象

this.$nextTick(() => {

// 一旦完成界面更新, 立即调用(此条语句要写在数据更新之后)

// 创建一个Swiper实例对象, 来实现轮播

new Swiper(“.swiper-container”, {

loop: true, // 可以循环轮播

// 如果需要分页器

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，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

…(img-McyVhcIy-1715788247849)]

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