前端工程师面试题汇总

前端技术员面试题汇总

2016/06/24 · 前端职场 · 3
评论 ·
CSS,
HTML5,
Javascript

原稿出处:
@markyun   

目录

  1. HTML部分
  2. CSS部分
  3. JavaScript部分
  4. 任何主题素材

HTML

  • Doctype成效?严俊形式与混杂格局怎么着区分?它们有啥意义?
  • HTML5 为啥只须求写 <!DOCTYPE HTML>?
  • 行内成分有哪些?块级成分有哪些? 空(void)成分有那多少个?
  • 页面导入样式时,使用link和@import有什么分别?
  • 介绍一下您对浏览器内核的掌握?
  • 布满的浏览器内核有何?
  • html5有怎么样新特色、移除了那个成分?怎样管理HTML5新标签的浏览器包容难题?如何区分
    HTML 和 HTML5?
  • 简述一下你对HTML语义化的接头?
  • HTML5的离线积攒怎么采纳,专门的职业原理能或不可能解释一下?
  • 浏览器是怎么对HTML5的离线积攒财富进行田间处理和加载的啊?
  • 请描述一下 cookies,sessionStorage 和 localStorage 的分别?
  • iframe有那些缺点?
  • 亚搏app官方网站,Label的功效是什么?是怎么用的?(加 for 或 包裹)
  • HTML5的form如何关闭自动实现功用?
  • 怎么兑现浏览器内多少个标签页之间的通讯? (Ali)
  • webSocket怎么着合营低浏览器?(Ali)
  • 页面可知性(Page Visibility)API 能够有啥用途?
  • 怎么在页面上落到实处贰个圆形的可点击区域?
  • 落到实处不选用 border
    画出1px高的线,在差异浏览器的Quirksmode和CSSCompat方式下都能保持一样效果。
  • 网页验证码是干嘛的,是为着消除哪些安全难题?
  • tite与h1的区别、b与strong的区别、i与em的区别?

CSS

  • 介绍一下行业内部的CSS的盒子模型?与低版本IE的盒子模型有哪些两样的?
  • CSS选用符有怎么着?哪些属性能够三番五次?
  • CSS优先级算法怎样总计?
  • CSS3新扩充伪类有那个?
  • 如何居中div?如何居中多个更改成分?怎样让相对定位的div居中?
  • display有哪些值?说明他们的法力。
  • position的值relative和absolute定位原点是?
  • CSS3有哪些新特色?
  • 请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?
  • www.yabovip4.com,用纯CSS创制八个三角的原理是什么?
  • 叁个满屏 品 字布局 怎么着规划?
  • 广阔兼容性难点?
  • li与li之间有看不见的空白间隔是何许来头引起的?有啥化解办法?
  • 有的时候碰着的浏览器的包容性有怎样?原因,化解办法是怎么着,常用hack的技艺?
  • 为什么要先导化CSS样式。
  • absolute的containing block总结格局跟正规流有啥差别?
  • CSS里的visibility属性有个collapse属性值是干嘛用的?在分化浏览器下之后怎么分别?
  • position跟display、margin
    collapse、overflow、float那一个特点相互叠合后会怎么着?
  • 对BFC规范(块级格式化上下文:block formatting context)的领会?
  • CSS权重优先级是怎么总结的?
  • 请解释一下为何会产出变化和哪些时候须要化解浮动?清除浮动的法子
  • 运动端的布局用过媒体询问吗?
  • 应用 CSS 预管理器吧?喜欢那些?
  • CSS优化、提升品质的艺术有哪些?
  • 浏览器是怎么样深入分析CSS接纳器的?
  • 在网页中的应该利用奇数照旧偶数的书体?为何吗?
  • margin和padding分别适合哪些处境使用?
  • 抽离样式模块怎么写,说出思路,有无实行经验?[阿里航旅的面试题]
  • 要素竖向的比例设定是相对于容器的冲天吗?
  • 全屏滚动的准则是何许?用到了CSS的那叁个属性?
  • 怎样是响应式设计?响应式设计的基本原理是什么样?怎么样合营低版本的IE?
  • 视差滚动作效果应,怎么着给每页做区别的卡通片?(回到最上部,向下滑动要重现,和只出现二遍分别如何是好?)
  • ::before 和 :after中双冒号和单冒号
    有如何差距?解释一下那2个伪成分的作用。
  • 怎么样修改chrome记住密码后活动填写表单的香艳背景 ?
  • 你对line-height是哪些晓得的?
  • 设置成分浮动后,该因素的display值是有一点?(自动成为display:block)
  • 怎么让Chrome扶助小于12px 的文字?
  • 让页面里的书体变明晰,变细用CSS如何是好?(-webkit-font-smoothing:
    antialiased;)
  • font-style属性能够让它赋值为“oblique” oblique是何等意思?
  • 前端工程师面试题汇总。position:fixed;在android下无效怎么管理?
  • 假如急需手动写动画,你以为最时辰间距离是多久,为啥?(Ali)
  • display:inline-block 曾几何时会议及展览示间隙?(携程)
  • overflow: scroll时不可能平滑滚动的标题怎么处理?
  • 有一个惊人自适应的div,里面有八个div,贰个可观100px,希望另二个填满剩下的高度。
  • png、jpg、gif
    这个图片格式解释一下,分别哪天用。有未有询问过webp?
  • 什么是库克ie 隔绝?(恐怕说:必要财富的时候绝不让它带cookie怎么办)
  • style标签写在body后与body前有怎样界别?

JavaScript

  • 介绍JavaScript的着力数据类型。
  • 说说写JavaScript的主导标准?
  • JavaScript原型,原型链 ? 有啥特点?
  • JavaScript有三种档期的顺序的值?(堆:原始数据类型和
    栈:引用数据类型),你能画一下他们的内存图吗?
  • Javascript怎么着完结三番五次?
  • Javascript制造对象的二种方法?
  • Javascript功能链域?
  • 谈谈This对象的接头。
  • eval是做哪些的?
  • 什么是window对象? 什么是document对象?
  • null,undefined的区别?
  • 前端工程师面试题汇总。写三个通用的风浪侦听器函数(机试题)。
  • [“1”, “2”, “3”]前端工程师面试题汇总。.map(parseInt) 答案是多少?
  • 关于事件,IE与火狐的风云机制有何分别? 怎样阻止冒泡?
  • 如何是闭包(closure),为啥要用它?
  • javascript 代码中的”use strict”;是什么样意思 ? 使用它有别于是怎么样?
  • 怎么剖断一个目的是不是属于有些类?
  • new操作符具体干了怎么吗?
  • 用原生JavaScript的贯彻过哪些效果与利益吗?
  • Javascript中,有三个函数,试行时对象查找时,永世不会去寻觅原型,那个函数是?
  • 对JSON的了解?
  • [].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) })
    能解释一下这段代码的情致呢?
  • js延迟加载的秘诀有何?
  • Ajax 是如何? 怎么着创制多个Ajax?
  • 联合和异步的差异?
  • 什么样消除跨域难点?
  • 页面编码和被呼吁的能源编码假如分歧样怎样管理?
  • 模块化开拓如何是好?
  • 英特尔(Modules/Asynchronous-Definition)、CMD(Common Module
    Definition)标准分裂?
  • requireJS的主旨原理是如何?(怎么样动态加载的?怎么着幸免频仍加载的?怎么样缓存的?)
  • 让您自身设计实现贰个requireJS,你会如何是好?
  • 谈一谈你对ECMAScript6的问询?
  • ECMAScript6 怎么写class么,为何会现出class这种事物?
  • 异步加载的主意有啥样?
  • documen.write和 innerHTML的区别?
  • DOM操作——如何加多、移除、移动、复制、创造和寻找节点?
  • .call() 和 .apply() 的意思和界别?
  • 数组和目的有哪些原生方法,列举一下?
  • JS 怎么落到实处三个类。怎么实例化那几个类
  • JavaScript中的功效域与变量申明进步?
  • 怎么编写高品质的Javascript?
  • 那么些操作会导致内部存储器泄漏?
  • JQuery的源码看过啊?能否大致概况一下它的达成原理?
  • jQuery.fn的init方法重回的this指的是什么目标?为何要赶回this?
  • jquery中怎么着将数组转化为json字符串,然后再转车回来?
  • 前端工程师面试题汇总。jQuery 的品质拷贝(extend)的落到实处原理是何许,怎么着达成深拷贝?
  • jquery.extend 与 jquery.fn.extend的区别?
  • jQuery 的行列是哪些落到实处的?队列能够用在哪些地点?
  • 谈一下Jquery中的bind(),live(),delegate(),on()的区别?
  • JQuery一个对象能够而且绑定四个事件,那是怎么着贯彻的?
  • 是还是不是知道自定义事件。jQuery里的fire函数是怎样看头,曾几何时用?
  • jQuery 是透过哪个方法和 Sizzle
    选取器结合的?(jQuery.fn.find()进入Sizzle)
  • 本着 jQuery质量的优化措施?
  • 前端工程师面试题汇总。Jquery与jQuery UI有甚区别?
  • JQuery的源码看过吧?能或无法大致说一下它的落到实处原理?
  • jquery 中如何将数组转化为json字符串,然后再转车回来?
  • jQuery和Zepto的差异?各自的应用景况?
  • 本着 jQuery 的优化措施?
  • Zepto的点透难题何以减轻?
  • jQueryUI怎么着自定义组件?
  • 供给:完毕一个页面操作不会整页刷新的网址,并且能在浏览器前进、后退时正确响应。给出你的技巧完成方案?
  • 怎么样决断当前剧本运营在浏览器照旧node情况中?(Ali)
  • 挪动端最小触控制区域是多大?
  • jQuery 的 slideUp动画 ,假设指标成分是被表面事件驱动,
    当鼠标火速地三番五次触发外界因素事件,
    动画会滞后的反复施行,该怎么处理吧?
  • 把 Script 标签 放在页面包车型大巴最尾部的body封闭之前和查封现在有啥样差别?浏览器会怎么样深入分析它们?
  • 运动端的点击事件的有延迟,时间是多长时间,为啥会有?
    怎么化解那个延时?(click 有 300ms
    延迟,为了兑现safari的双击事件的盘算,浏览器要通晓你是否要双击操作。)
  • 知道各类JS框架(Angular, Backbone, Ember, React, Meteor,
    Knockout…)么? 能讲出他们各自的帮助和益处和缺点么?
  • Underscore 对什么 JS
    原生对象开始展览了扩充以及提供了怎样好用的函数方法?
  • 解释JavaScript中的功用域与变量注脚提高?
  • 那么些操作会形成内部存款和储蓄器泄漏?
  • JQuery二个对象可以而且绑定四个事件,那是怎么贯彻的?
  • Node.js的适用场景?
  • (假设会用node)知道route, middleware, cluster, nodemon, pm2,
    server-side rendering么?
  • 解释一下 Backbone 的 MVC 实现格局?
  • 哪些是“前端路由”?几时适合采用“前端路由”?
    “前端路由”有如何优点和缺点?
  • 知晓怎样是webkit么? 知道怎么用浏览器的各样工具来调解和debug代码么?
  • 什么样测量检验前端代码么? 知道BDD, TDD, Unit Test么?
    知道怎么测量检验你的前端工程么(mocha, sinon, jasmin, qUnit..)?
  • 前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
  • 简述一下 Handlebars 的宗旨用法?
  • 简述一下 Handlerbars 的对模板的基本管理流程,
    如何编写翻译的?怎样缓存的?
  • 用js达成千位分隔符?(来源:前端农民工,提示:正则+replace)
  • 检验浏览器版本版本有啥措施?
  • 我们给四个dom同一时间绑定三个点击事件,三个用捕获,三个用冒泡,你来说下会施行四回事件,然后会先举行冒泡照旧捕获

其余标题

  • 原来公司做事流程是哪些的,如何与别的人同盟的?怎样夸部门合营的?
  • 你碰着过相比难的才具难点是?你是何等解决的?
  • 设计方式 知道什么是singleton, factory, strategy, decrator么?
  • 常接纳的库有啥样?常用的前端开荒工具?开辟过哪些应用或机件?
  • 页面重构怎么操作?
  • 历数IE与别的浏览器不均等的表征?
  • 99%的网址都急需被重构是那本书上写的?
  • 怎么着叫优雅降级和奉公守法加强?
  • 是不是驾驭公钥加密和私钥加密。
  • WEB应用从服务器主动推送Data到客户端有那个格局?
  • 对Node的帮助和益处和症结提议了和谐的观念?
  • 你有用过什么前端品质优化的主意?
  • http状态码有那个?分别代表是如何意思?
  • 叁个页面从输入 U逍客L
    到页面加载展现成功,这么些进度中都发生了何等?(流程说的越详细越好)
  • 一些所在用户反馈网址很卡,请问有如何恐怕性的缘由,以及减轻措施?
  • 从张开app到刷新出内容,整个经过中都发出了哪些,若是感到慢,怎么定位难题,怎么解决?
  • 除去前端以外还叩问怎么样别的手艺么?你最最厉害的本领是怎么?
  • 你用的百发百中用的熟知地编辑器&开采条件是什么体统?
  • 对后边一个分界面程序猿那些岗位是什么样通晓的?它的前景会什么?
  • 您怎么对待Web App 、hybrid App、Native App?
  • 你移动端前端开拓的接头?(和 Web 前端开辟的首要差别是如何?)
  • 你对加班的见解?
  • 通常怎么着保管你的品类?
  • 说说方今最风靡的一部分东西呢?常去什么网址?
  • 怎样安插突发大规模出现架构?
  • 说说近来最风靡的局地东西啊?常去什么网址?
  • 是不是驾驭开源的工具 bower、npm、yeoman、grunt、gulp,五个 npm
    的包里的 package.json
    具有的画龙点睛的字段都有啥样?(名称、版本号,重视)
  • 各种模块的代码结构都应当相比轻巧,且各类模块之间的涉嫌也应该特别清晰,随着功能和迭代次数越多,你会怎么去维持这些情况的?
  • Git知道branch, diff, merge么?
  • 怎样陈设突发大规模出现架构?
  • 当协会人手不足,把功能代码写完已经须要加班的气象下,你会做前端代码的测验呢?
  • 说说近来最流行的片段东西呢?常常常去哪边网站?
  • 通晓如何是SEO并且怎么优化么? 知道各类meta data的含义么?
  • 移动端(Android IOS)如何做好用户体验?
  • 简单的说描述一下您做过的移动应用程式项目研究开发流程?
  • 你在以后的团体处于怎么样的剧中人物,起到了怎么明显的效果与利益?
  • 你感到什么才是全端工程师(Full Stack developer)?
  • 介绍一个您最得意的创作吗?
  • 你有和好的技能博客吗,用了怎么样技艺?
  • 对前面四个安全有怎么着理念?
  • 是还是不是通晓Web注入攻击,说下原理,最常见的三种攻击(XSS 和
    CSQX56F)理解到何以水平?
  • 花色中遇见国怎样印象深远的技术难题,具体是如何难题,怎么消除?。
  • 近些日子在学什么事物?
  • 你的优点是哪些?缺点是哪些?
  • 怎么管理前端共青团和少先队?
  • 近些日子在学什么?能商量你今后3,5年给协和的陈设吗?

有趣的主题素材

  • A、B三个人各自在两座岛上。B生病了,A有B所急需的药。C有一艘小船和叁个足以上锁的箱子。C愿目的在于A和B之间运东西,但事物只好放在箱子里。只要箱子没被上锁,C都会偷走箱子里的事物,不管箱子里有怎么着。如若A和B各自有一把锁和只好开本身那把锁的钥匙,A应该怎么着把东罗利全递交给B?

答案:A把药放进箱子,用自个儿的锁把箱子锁上。B得到箱子后,再在箱子上加一把自个儿的锁。
箱子运回A后,A取下自个儿的锁。箱子再运到B手中时,B取下本身的锁,得到药物。

  • 亚马逊(Amazon)主页的左上角有八个商品分类浏览的下拉菜单
    未有延迟,而且子菜单也不会在不应有的时候没有。它是何等完毕这点的呢?

答案是通过探测鼠标移动的偏向和轨迹,具体查看Khan Academy程序员 Ben
Kamens 写的 jQuery插件

亚搏app官方网站 1

文档推荐

  1. jQuery
    基本原理
  2. JavaScript
    秘密花园
  3. CSS参谋手册
  4. JavaScript 规范参照教程
  5. ECMAScript 6入门

创新时间: 二零一五-12-29

材质答案远远不够正确和完善,款待接待Star和提交issues。笔者的乐乎:http: class=”hljs-comment”>//weibo.com/920802999

8 赞 42 收藏 3
评论

亚搏app官方网站 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注