当前位置: 永利皇宫463手机版 > Web前端 > 正文

前端工程师面试题汇总

时间:2019-09-23 23:57来源:Web前端
前端程序猿面试题汇总 2016/06/24 · 前者职场 · 3评论 ·CSS,HTML5,Javascript 原作出处:@markyun    目录 HTML部分 CSS部分 JavaScript部分 其他标题 HTML Doctype成效?严刻格局与混杂方式如何区分?

前端程序猿面试题汇总

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下无效怎么管理?
  • 一旦急需手动写动画,你感到最小时间距离是多长期,为啥?(阿里)
  • 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状态码有这几个?分别表示是如何意思?
  • 贰个页面从输入 UEnclaveL 到页面加载突显成功,那一个进程中都产生了怎么?(流程说的越详细越好)
  • 一部分地段客户反馈网址很卡,请问有何样只怕性的案由,以及消除措施?
  • 从展开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 和 CSLX570F)驾驭到什么水平?
  • 项目中碰着国如何影像浓密的技能难点,具体是什么样难题,怎么消除?。
  • 前段时间在学什么事物?
  • 您的独到之处是何许?短处是何许?
  • 哪些保管前端团队?
  • 近来在学什么?能切磋您今后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

编辑:Web前端 本文来源:前端工程师面试题汇总

关键词:

  • 上一篇:没有了
  • 下一篇:没有了