2024年最新vue学习笔记系列（一）(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，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

与传统的开发不一样的是MVVM模式，即（Model-View-ViewModel）模式。此模式由经典的软件架构MVC衍生而来。即当View（视图）变化时，会自动更新到ViewModel（视图模型），反之亦然。View和ViewModel之间通过双向数据绑定（data-binding）建立联系。

1.2 vue的不同之处

①传统的jQuery写法对比：

if(showBtn){

var btn = $(‘Click Me’);

btn.on(‘click’ , function(){

console.log(‘Clicked!’);

});

$(‘#app’).append(btn);

}

使用这种写法就不能够使得数据与视图分离，难以维护。而vue使用的是MVVM模式拆分视图层和数据层，我们关心的就是数据，其他的DOM事情vue帮你自动搞定。如下：

Click

1.3 如何使用Vue进行开发

①可以使用线上引入的方式

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

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