2019-11-08 前端面试题汇总(御维科技)

CSS篇


1、清除浮动?

1.使用after伪元素

2.使用双伪元素清除浮动

3.添加额外空标签并clear:both

4.给父级元素添加overflow:hidden,触发BFC

2、多个div并排显示

1.float:left

2.display:inline

3.flex布局

3、display:none和visibility:hidden的区别?

前者隐藏后的元素不占任何空间,后者隐藏后的元素空间依然保留。

visibility具有继承性,其子元素也会继承此属性,若设置visibility:visible,则子元素会显示

4、relative和absolute相对于什么定位?

相对定位:相对于其父级元素(无论父级元素此时为何种定位方式)进行定位,准确地说是相对于其父级元素所剩余的未被占用的空间进行定位(在父元素由多个相对定位的子元素时可以看出),且会占用该元素在文档中初始的页面空间,即在使用top,bottom,left,right进行移动位置之后依旧不会改变其所占用空间的位置。可以使用z-index进行在z轴方向上的移动。

绝对定位:脱离文档流,不会占用页面空间。以最近的不是static定位的父级元素作为参考进行定位,如果其所有的父级元素都是static定位,那么此元素最终则是以当前窗口作为参考进行定位。可以使用top,bottom,left,right进行位置移动,亦可使用z-index在z轴上面进行移动。当元素为此定位时,如果该元素为内联元素,则会变为块级元素,即可以直接设置其宽和高的值;如果该元素为块级元素,则其宽度会由初始的100%变为auto。

5、css优先级?

!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

6、px、em、rem的区别?

px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em的值并不是固定的;em会继承父级元素的字体大小。

rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。


JS基础篇


1、数组升序排序?

var array=[1,80,4,33,21,55];

    array.sort(function (x,y) {

      return x-y;

    });

    console.log(array);

2、document load 与document ready的区别?

document load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数

问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响

document ready是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行

在原生的JS中不包括ready()这个方法,只有load方法就是onload事件

3、闭包的定义?什么时候用闭包?

闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。

闭包经典使用场景一:通过循环给页面上多个dom节点绑定事件

闭包使用场景二:封装变量

闭包使用场景三:延续局部变量的寿命

4、写出三种强制类型转换和两种隐式类型转换

强制类型转换:String(),Boolean(),Number(),parseInt和parseFloat 

隐式类型转换:== 、–、 ===

5、数组方法pop() push() unshift() shift()?

Push()尾部添加 pop()尾部删除

Unshift()头部添加 shift()头部删除


Vue篇


1、vue生命周期?


beforeCreate

创建之前,此时$el、data都获取不到

适用于:添加loading状态,初始化非响应式变量。

created

创建之后,数据观测时间初始化之后,可访问data、computed、watch、methods上的方法和数据但dom还未生成,$el、$ref仍然访问不到

适用于:结束loading,ajax异步数据的获取,初始化数据等。

beforeMount

数据挂载之前,此时已经能访问$el,但此时并未渲染到dom中。

mounted

挂载之后

适用于:已挂载完成的dom节点的获取,ajax请求等等。

beforeUpdate

相应数据更新前调用

适合于:更新之前访问现有的DOM,比如手动移除已添加的事件监听器。

updated

DOM 重新渲染和打补丁之后调用

要特别注意避免在这个钩子函数中操作数据以免陷入死循环 。

beforeDestroy

实例销毁之前,实例完全可用

适用于:实例销毁前一些判断销毁定时器、解绑全局事件、销毁插件对象等操作。

destroyed

实例销毁后调用,调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。

2、data为什么是一个函数

如果data是一个函数的话,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。

所以说vue组件的data必须是函数。这都是因为js的特性带来的,跟vue本身设计无关。

3、父子组件之间传值?

1.子组件在props中创建一个属性,用来接收父组件传过来的值

2.父组件中注册子组件

3.在子组件标签中绑定子组件props中创建的属性并将值赋给该属性

4、路由怎么写?

1.下载vue-router模块

2.主入口文件main.js引入vue-router模块

3.main.js中全局注册VRooter路由,并且实例化路由.传入配置参数路由map

4.主文件中引入a,b,c三个组件,并且把想要切换显示的路由用<router-view>插入到想要显示它的区域。这样一个简单的vue路由功能就实现了。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容

  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,478评论 1 14
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,096评论 2 19
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,567评论 0 7
  • 最近在找工作,面试了好多家公司,结果都不怎么理想。要么公司环境氛围不行,要么工资达不到理想的薪资。大部分公司对程序...
    隔壁老樊啊阅读 5,747评论 2 34
  • 最近在找工作,面试了好多家公司,结果都不怎么理想。要么公司环境氛围不行,要么工资达不到理想的薪资。大部分公司对程序...
    这是这时阅读 758评论 0 21