欢迎加入Javascript前端技术,群号为:85088298 本人博客已经迁移至jruif.github.io
本文总结了一些常见前端面试(多数源于网络),希望阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。
面试有几点需要注意:(来源程劭非老师 Github:@wintercn | Weibo:寒冬winter)
-
面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑、深度↑、方向↑。
-
题目类型: 技术视野、项目细节、理论知识型题,算法题,开放性题,案例题。
-
进行追问: 可以确保问到你开始不懂或者面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力。因为这种关联知识是长时期的学习,绝对不是临时记得住。
-
回答问题再棒,面试官(一般是你的直接领导面试),会考虑我要不要这个人做我的同事?所以态度很重要。(感觉像是相亲一样)
-
资深的工程师能把absolute和relative弄混,这样的人不要也罢,因为团队需要的你这个人具有可以依靠的才能(靠谱)。
另外:
资料刚刚收集,覆盖面比较广,包括了web端、移动端的知识点,根据你自己的需要选择性阅读即可。
再次提一下: 看 或 背 面试题不像学校考试,死记硬背是没什么用的,看面试题是对理论知识的总结让自己表达的时候知道怎么说。
答案有些不够正确和全面,问题问的不够好,欢迎补充你所知道的答案、技巧、题目;最好是现在网上找不到的。
格式不断修改更新中。
1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
2.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
3.CSS的盒子模型?
4.link 和@import 的区别是?
5.CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
优先级为:
CSS3新增伪类举例:
6.如何居中div,如何居中一个浮动元素?
-
给div设置一个宽度,然后添加margin:0 auto属性
-
居中一个浮动元素
7.浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ?
8.html5CSS3有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
-
HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,地理定位等功能的增加。
-
移除的元素
9.你怎么来实现页面设计图,你认为前端应该如何高质量完成工作? 一个满屏 品 字布局 如何设计?
10.常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?
-
Javascript原型,原型链 ? 有什么特点?
12.列出display的值,说明他们的作用。position的值, relative和absolute定位原点是?
13.页面重构怎么操作?
14.语义化的理解?
15.HTML5的离线储存?
16.为什么要初始化CSS样式。
-
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
-
当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。
*最简单的初始化方法就是: * {padding: 0; margin: 0;} (不建议)
17.(写)描述一段语义的html代码吧。
-
语义 HTML 具有以下特性:
18.absolute的containing block计算方式跟正常流有什么不同?
19.position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
20.对BFC规范的理解?(W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关 系和相互作用。)
21.iframe有那些缺点?
22.css定义的权重
23.eval是做什么的?
23.写一个通用的事件侦听器函数
24.99%的网站都需要被重构是那本书上写的?
25.什么叫优雅降级和渐进增强?
26.Node.js的适用场景
27.WEB应用从服务器主动推送Data到客户端有那些方式?
-
通常可以做一些小练习来判断TA的水平,js 虽然很灵活,但是具体的代码和实现方式能体现出一个人的全局观,随着代码规模的增长,复杂度增加,如何合理划分模块实现功能和接口的能力比较重要。(下面例题)
1.创建一个对象
2.谈谈This对象的理解。
3.事件、IE与火狐的事件机制有什么区别? 如何阻止冒泡?
4.什么是闭包(closure),为什么要用?
-
待完善
-
执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在.使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源,因为say667()的内部函数的执行需要依赖say667()中的变量。这是对闭包作用的非常直白的描述.
5.如何判断一个对象是否属于某个类?
使用instanceof (待完善)
6.new操作符具体干了什么呢?
7.JSON 的了解
8.js延迟加载的方式有哪些
- defer和async、动态创建DOM方式(用得最多)、按需异步载入js
9.ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题?
-
待完善
-
ajax的缺点
- 跨域: jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面
10.模块化怎么做?
立即执行函数,不暴露私有成员
11.对Node的优点和缺点提出了自己的看法:
12.异步加载的方式
13.告诉我答案是多少?
14.JS中的call()和apply()方法的区别?
例子中用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4);
注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。
15.Jquery与jQuery UI 有啥区别?
16.jquery 中如何将数组转化为json字符串,然后再转化回来?
jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展:
17.Javascript中的作用域与变量声明提升?
-
前端开发的优化问题(看雅虎14条性能优化原则)。
http状态码有那些?分别代表是什么意思?
一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好)
你所知道的页面性能优化方法有那些?
除了前端以外还了解什么其它技术么?你最最厉害的技能是什么?
AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?
18.谈谈你认为怎样做能是项目做的更好?
19.你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
20.加班的看法
21.平时如何管理你的项目,如何设计突发大规模并发架构?
-
那些操作会造成内存泄漏?
23.你说你热爱前端,那么应该WEB行业的发展很关注吧? 说说最近最流行的一些东西吧?
24.你有了解我们公司吗?说说你的认识?
25.移动端(比如:Android IOS)怎么做好用户体验?
作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点有: