前端常见面试题目录整理@郝晨光

前言

由于最近在整理前端常见面试题，整理的文章标题可能有些乱，导致后期不好查找，特此总结目录，目录会与面试题同步更新。

使用谷歌浏览器的可以根据关键字使用F3搜索功能进行查找。

目录

一、前端常见面试题 （一）@郝晨光

1. HTML5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？
2. css3中的transform有哪些属性？分别用来实现什么效果？
3. localStorage、sessionStorage、cookie有什么区别？
4. 什么是同源策略？你都知道哪些解决跨域的方法？
5. 列举JavaScript的基本数据类型和引用数据类型
6. Vue2.0的生命周期有哪些？分别解释其意思
7. 详述组件通信
8. 详述导航守卫
9. v-show和v-if有什么区别？及使用场景
10. v-for和v-if的优先级


二、前端常见面试题（二）@郝晨光

1. Vue常用的指令
2. Vue常用修饰符
3. v-on可以监听多个方法吗？
4. Vue中key值的作用
5. Vue组件中的data为什么必须是函数


三、前端常见面试题（三）@郝晨光

1. keep-alive组件的作用
2. 单页面应用和多页面应用区别及优缺点
3. 什么是计算属性？什么情况使用？
4. computed、methods的区别
5. 什么是自定义指令，有哪些钩子函数及自定义指令的使用场景
6. 父组件获取异步动态数据传递给子组件，报错如何解决？
7. vue-router参数传递方法详述及区别


四、前端常见面试题（四）@郝晨光

1. 什么是Vuex？详述Vuex的工作流程
2. 详述Vuex的核心属性及使用
3. Vue和Jquery的区别
4. Vue中的slot是什么？
5. SPA首屏加载慢，该如何解决？


五、前端常见面试题（五）@郝晨光

1. 对MVC、MVP、MVVM的理解
2. 谈谈对$nextTick的理解及使用场景
3. 渐进式框架的理解
4. 组件样式属性 scoped 问题及解决方法
5. Vue中的双向数据绑定是如何实现的
6. 详述虚拟DOM中的diff算法
7. Vue提供了几种脚手架模板
8. 常见的几种MVVM的实现方式


六、前端常见面试题（六）@郝晨光

1. Vue路由的实现原理
2. SPA 路由history模式上线后刷新404
3. route和router的区别
4. 自定义过滤器详解
5. assets和static/public的区别


七、前端常见面试题（七）@郝晨光

1. 简述同步和异步的区别
2. 数组去重（手写代码）
3. 在JavaScript中什么是伪数组？如何将伪数组转化为标准数组
4. SPA路由history模式，打包上线都遇到了哪些问题？你是如何解决的？
5. JavaScript中callee和caller的作用


八、前端常见面试题（八）@郝晨光

1. ES5/ES6 的继承除了写法以外还有什么区别？
2. http状态码有哪些？分别是什么意思？
3. 浏览器是如何渲染页面的？
4. typeof 和 instanceof 相同点与不同点
5. 如何解决回调地狱？请手写代码


九、前端常见面试题（九）@郝晨光

1. 请详解移动端点透，为什么会发生点透？描述发生的场景及解决方案
2. 移动端为什么会有一像素问题？如何解决？
3. 你还知不知道其他移动端的常见问题？


十、前端常见面试题（十）@郝晨光

1. new操作符干了什么？
2. null和undefined的区别？
3. eval是做什么的？
4. iframe的优缺点


十一、前端常见面试题（十一）@郝晨光

1. 什么是事件委托？为什么要用事件委托？
2. 你如何优化自己的代码？
3. 什么是盒模型？
4. 行内、块元素、空元素分别举例
5. src和href的区别


十二、前端常见面试题（十二）@郝晨光

1. link和@import的区别
2. HTML5为什么只需要写<!DOCTYPE HTML>？
3. Doctype作用，标准模式和兼容模式有什么区别
4. 请写出html5新增的API
5. CSS优先级算法如何计算？


十三、前端常见面试题（十三）@郝晨光

1. 列举三种强制类型转换和两种隐式类型转换
2. JavaScript typeof返回哪些数据类型
3. window.onload 和document.ready的区别
4. == 和 === 的区别
5. style标签写在body前和body后有什么区别


十四、前端常见面试题（十四）@郝晨光

1. 怎样添加、移除、复制、创建、查找节点
2. JQuery的事件委托on、live、delegate之间有什么区别
3. 描述一次完整的http请求过程(输入url敲回车发生了什么)


十五、前端常见面试题（十五）@郝晨光

1. 什么是函数防抖和函数节流？有什么区别？
2. 什么是函数柯里化及有什么用？
3. 谈谈模块化开发
4. 谈谈你对作用域链的理解
5. 什么是深拷贝？什么是浅拷贝？如何实现一个深拷贝函数？


十六、前端常见面试题（十六）@郝晨光

1. 用正则和非正则，实现一个字符串转为驼峰
2. 判断一个字符串中出现次数最多的字符，并统计这个次数
3. 写一个获取非行间样式的函数
4. 字符串反转，如将 '12345678' 变成 '87654321'
5. 将数字 12345678 转化成 RMB 形式 如： 12,345,678


十七、前端常见面试题（十七）@郝晨光

1. 解释jsonp的原理
2. 在工作中你是如何优化自己的代码的？
3. axios是什么？如何使用？描述其实现登录的流程


十八、前端常见面试题（十八）@郝晨光

1. 手写promise封装axios
2. 详述前端性能优化的手段
3. 浏览器输入网址回车发生了什么
4. 列举你知道的浏览器内核


十九、前端常见面试题（十九）@郝晨光

1. 实现三栏布局，左右两栏固定宽度100px，中间栏自适应宽度，实现三列自适应等高
2. 随机选取 10 - 50 之间的 10 个数字，存入一个数组，并排序，并不能有重复
3. 写一个闭包的应用例子
4. 如何把函数add(1,2,3,4)的调用方式改为add(1)(2)(3)(4);
5. 在javascript中什么是伪数组？如何把伪数组转换为真实数组？
6. 异步加载JS的方式有哪些？
7. 什么是Polyfill？
8. 封装一个简单的ajax，返回Promise对象
9. 写一个简单的jsonp的实现。


二十、前端常见面试题（二十）@郝晨光

1. js的特性不包括；
2. 在javascript中，以下变量命名非法的是；
3. 下列正则表达式中，匹配首位是小写字母，其他位数是小写字母或者数字的最少两位字符串的是；
4. 以下代码输出结果为；
5. 在javascript中，以下代码的运行结果是；
6. 关于git和svn的说法正确的是？
7. 在JQuery中，对于以下代码；
8. 在javascript中，执行下面的代码后，结果是；
9. axios指的是什么？如何使用？描述其实现注册功能流程。
10. 通过npm run build打包部署到服务器上有时会出现页面空白的问题，一般是什么原因？请具体描述；如果打包后没有部署在服务器根目录，而是在H5-page中进行部署，需要做哪些操作。
11. 实现下图的效果，获取今天的日期，以及随后六天的日期，并对应是周几。
12. 用YYYY-MM-DD hh:mm:ss 的方式输出当前的时间，比如当前时间是 2018年4月18日17时42分23秒，则输出2018-04-18 17:42:23
13. 定义一个字符串，并输出这个字符串中的逗号和数字的个数


二十一、前端常见面试题（二十一）@郝晨光

1. URL转对象
2. 不使用循环返回数组
3. 事件委托的实现
4. 冒泡排序
5. 输出字符串中出现次数最多的字符及其出现次数
6. 判断是否是回文
7. 千分符，将数字格式化成RMB格式
8. 字符串转驼峰
9. 找出数组最大的差值，最大值减最小值的差
10. 数组去重
11. 获取非行间样式
12. 斐波那契数列


二十二、前端常见面试题（二十二）@郝晨光

1. vw、vh、rem、em、px的区别
2. 前端安全：xss攻击和CSRF攻击
3. http和https的区别
4. 优雅降级和逐渐增强
5. 什么是堆和栈
6. 什么是BFC
7. 什么是闭包，闭包的优缺点，内存泄露怎么处理，闭包的使用场景
8. 内存泄露
9. 将多维数组转化为一维数组
10. JS继承的方法及优缺点


结言
感谢您的查阅，本文由郝晨光整理并总结，代码冗余或者有错误的地方望不吝赐教；菜鸟一枚，请多关照。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 213,014评论 6赞 492
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,796评论 3赞 386
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 158,484评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,830评论 1赞 285
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,946评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,114评论 1赞 292
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,182评论 3赞 412
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,927评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,369评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,533评论 4赞 335
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,166评论 3赞 317
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1赞 267
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2赞 362
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2赞 351

推荐阅读更多精彩内容