快捷搜索:

前端工程师面试题汇总

2019-09-13 19:58 来源:未知

前端技术员面试题汇总

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有那三个缺点?
  • 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(弹性盒布局模型),以及适用场景?
  • 用纯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分别适合哪些处境使用?
  • 抽离样式模块怎么写,说出思路,有无推行经验?[Ali航旅的面试题]
  • 要素竖向的比例设定是相对于容器的冲天吗?
  • 全屏滚动的准绳是哪些?用到了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?
  • 如何是Cookie 隔开分离?(也许说:央浼财富的时候不要让它带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意况中?(阿里)
  • 移动端最小触控制区域是多大?
  • 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)怎么做好顾客体验?
  • 简易描述一下您做过的移动APP项目研究开发流程?
  • 你在现行反革命的团组织处于怎么着的角色,起到了怎么着显明的作用?
  • 你感觉怎样才是全端技术员(Full Stack developer)?
  • 介绍多个您最得意的创作吗?
  • 你有投机的本领博客吗,用了什么手艺?
  • 对前面一个安全有啥样意见?
  • 是或不是明白Web注入攻击,说下原理,最常见的三种攻击(XSS 和 CSEvoqueF)了然到哪边水平?
  • 项目中遭受国怎么着影像深切的技巧难题,具体是怎么难点,怎么消除?。
  • 不久前在学什么东西?
  • 您的帮助和益处是哪些?短处是哪些?
  • 怎么着保管前端团队?
  • 这两天在学什么?能研究您现在3,5年给协调的宏图吗?

有趣的主题素材

  • A、B多少人分头在两座岛上。B生病了,A有B所急需的药。C有一艘小船和多个足以上锁的箱子。C愿意在A和B之间运东西,但东西只可以放在箱子里。只要箱子没被上锁,C都会偷走箱子里的东西,不管箱子里有啥样。借使A和B各自有一把锁和只可以开本人那把锁的钥匙,A应该怎么把东马赛全递交给B?

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

  • 亚马逊主页的左上角有二个商品归类浏览的下拉菜单 未有延迟,何况子菜单也不会在不应有时未有。它是何等实现这或多或少的啊?

答案是由此探测鼠标移动的方向和轨道,具体查看Khan Academy程序猿 Ben Kamens 写的 jQuery插件

图片 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 评论

图片 2

TAG标签:
版权声明:本文由永利皇宫登录网址发布于www.8463.com,转载请注明出处:前端工程师面试题汇总