品牌动态

当前位置:新萄京娱乐场手机版 > 品牌动态 > 前端工程师面试题汇总

前端工程师面试题汇总

来源:http://www.chrisproduction.com 作者:新萄京娱乐场手机版 时间:2019-10-06 20:48

后面一个程序猿面试题汇总

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怎样同盟低浏览器?(阿里)
  • 页面可知性(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意况中?(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昂CoraL 到页面加载展现成功,这么些进度中都时有产生了怎么着?(流程说的越详细越好)
  • 部分地域顾客反馈网址很卡,请问有怎么样或者性的缘由,以及减轻办法?
  • 从展开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 和 CS兰德奥迪Q5F)驾驭到什么水平?
  • 品种中遇见国怎么着印象深远的技能难点,具体是什么样难点,怎么消除?。
  • 这两日在学什么事物?
  • 您的帮助和益处是何许?缺点是何许?
  • 哪些保管前端团队?
  • 这些年在学什么?能探讨您以往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插件

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

本文由新萄京娱乐场手机版发布于品牌动态,转载请注明出处:前端工程师面试题汇总

关键词: