前端面试题♀?♀HTML1，分别写出以下的几个 HTML 标签，加粗，居中，下标，字体加粗 <b></b><strong></strong>下标 <sub></sub>居中 <center></center>字体 <font><basefont>2，请写出至少5个html5新增的标签，并说明其语义和应用场景section 文章中的某一个段落nav 导航header 头部footer 尾部aside 页面关联部较低的3，说出 html 语义化的理？a) 有利于 seo 优化b) 去掉样式也可以清晰的看到页面的结构c) 方便设备的阅读d) 便与团队的开发和维护4，请简述一下 src 和 herf 的区别？src 用于替换当前的元素， href 用于和服务器建立连接。CSS1，如何清除浮动？overflow：hidden， claer：both。2，如何隐藏一个元素？visibility：hiddendisplay：noneopasity：0transform: scale(0)，设置无线小height：03，在CSS样式中常使用px、em，各有什么优劣，在表现上有什么区别？px是相对长度单位，相对于显示器屏幕分辨率而言的。em是相对长度单位，相对于当前对象内文本的字体尺寸。px定义的字体，无法用浏览器字体放大功能。em的值并不是固定的，会继承父级元素的字体大小，1 ÷ 父元素的font-size × 需要转换的像素值 = em值。4，CSS3有哪些新特性？CSS3实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow），线性渐变（gradient），变形（transform）Vue 1，watch 和 computed 的区别？ computed 是计算属性，对绑定到 view 的数据进行处理，不可定义到 data 里，因为返回给的结果会附给这个变量，变量不可被重复定义。 computed 具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数。 watch 是一个观察动作，无缓存性，页面重新渲染时值不变化也会执行。 深度监听需要加，deep = true。2，active-class 是哪个组件的属性？ vue-router 的 router-link 的属性。3，怎么定义动态路由？在 router 目录下的 index.js 中对 path 属性加上 id，使用router对象的params.id。4，vue-router 有几种钩子函数？三种，第一种：全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。、第二种：组件内的钩子第三种：单独路由独享组件5，Sass 和 Less 的区别？都是 CSS 的预编译语言，定义变量的符号不一样，Less 是@，Sass 是$, Sass 支持条件语句，if，else，for；Less 不支持，Sass 是有服务器端处理的，Less 需要引入 Less.js 来处理 Less 代码输出到浏览器。6，axios 是什么？请求后台的资源模块，是使用 promis 封装的，成功 .then 输出， 失败 .catch 输出。7，vuex 是什么？vuex 是 vue 框架种的状态管理工具，一般在登录状态，音乐播放，组件之中使用。可以用 mapState([]),mapActions,mapMutations 来使用。8，说下你对生命周期的理解。a) 创建前/后： 在beforeCreated阶段，vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，$el还没有。b) 载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.message成功渲染。c) 更新前/后：当data变化时，会触发beforeUpdate和updated方法。d) 销毁前/后：在执行destroy方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但是dom结构依然存在9，对于 MVVM 的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
