前端面试题

HTML
1,离别写出以下的几个 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 用于和服务器竖立衔接。

CSS
1,怎样消灭浮动?
overflow:hidden, claer:both。
2,怎样隐蔽一个元素?
visibility:hidden
display:none
opasity:0
transform: scale(0),设置无线小
height:0
3,在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 来统一管理。

    原文作者:咸鱼
    原文地址: https://segmentfault.com/a/1190000018635060
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞