前端面试记录

1.css盒子模型中的绝对定位和相对定位的区别?

absolute 绝对定位是相当于父元素的定位;

fixed 绝对定位是相对与浏览器窗口定位;

relative 相对定位是相对于其正常位置进行定位;

2.清除浮动有哪些方法?

1.父级div定义height;

2.在结尾处加空div css:clear:both;

3.父级div定义伪类:after和zoom;

IE8以上和非IE浏览器支持after;

IE6支持zoom;

3. px,em,rem,三者区别?

PX(像素):绝对单位。

rem:相对单位

4.如何理解闭包?

闭包是可以访问上一层函数里变量的函数,即便上一层函数已经关闭。

5.什么是mvc和mvvm?

MVC是一种架构模式,是Model(模型),View(视图),Controller(控制器)缩写。Model:数据模型,数据和业务逻辑都在Model定义。view:视图。Controller:调节Model和view交互。

MVVM是一种设计思想,是Model——View——ViewModel的缩写。Model:数据模型,数据和业务逻辑都在Model定义。View:视图。ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互。它是通过双向数据绑定把View和Model连接在一起,而View和Model之间的同步工作是完全自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM,不需要关注数据状态的同步问题。



6.对数组操作有哪些方法?

1.添加:
push——在数组末尾添加元素。

unshift——在数组头部添加元素。

concat——合并两个数组。

2.删除

pop——删除数组最后一个元素。

shift——删除数组头部元素。

3.排序

reverse——颠倒

7.什么是跨域?

当出现域名不同或者同一域名下的不同端口,不同协议。

8.ES6的新特性有哪些?

1.默认函数。2.模板表达式。3.多行字符串。4.拆包表达式。5.改进的对象表达式。6.箭头函数=>。7.块级作用域let和const。8.模块化。

9.声明变量有哪些?

var let const

10.HTML兼容性处理方法

1.不同浏览器的margin和padding不同。

解决方法:全局css margin:0;padding:0。

2.IE6中,父级元素浮动以后,内部元素撑不开宽度。

解决方法:元素内部的块级元素也设置浮动。

3.IE6小于19px,会默认成19px.

解决方法:overflow:hidden。

4.IE6不支持1px的边框样式。

解决方式:采取背景平铺。

11.页面优化的方法?

1.减少HTTP请求数量,可以使用打包工具gulp,webpack合并css和js文件,还有图片采用懒加载。

2.减少被请求文件的大小,减少请求数据占用网络宽带。

3.利用浏览器的缓存。

4.删除html的默认属性优化css。


12.GET和POST的区别?

1.请求方式不同,GET请求数据会附加在URL上,POST请求数据放置在HTTP请求包的包体中

2.传输大小不同,GET传输数据是1024,POST是3M.

3.安全性,POST的安全性比GET高

4.后退页面不同,POST后退页面会重新请求,GET不会

13.原型继承有几种方法?

1.属性拷贝

2.原型式继承

3.原型链继承

4.借用构造函数继承

5.组合继承

14.常用的状态码有哪些?

200 请求成功

500 服务器报错

400 语义有误,当前请求无法被服务器理解

403 服务器拒绝请求

404找不到请求网页

408请求超时

304自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容

15.vue有哪些命令?

v-model双向绑定

v-for循环

v-if 元素的存在与否

v-bind属性绑定

v-on事件绑定

v-show是否显示

16.VUE的生命周期?

生命周期是从开始创建,初始化数据,编译模板,挂在DOM,渲染——更新——渲染,卸载等一系列过程。

17.v-if与v-show的区别?

v-show 仅仅控制元素的显示方式,将display属性在block和none之间切换

v-if 会控制这个DOM节点的存在与否

18.vue数据双向绑定原理?

是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调

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