澳门新葡亰平台官网前端程序员面试题汇总

前端程序猿面试题汇总

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?
  • 一块和异步的区分?
  • 什么解决跨域难点?
  • 页面编码和被呼吁的能源编码如若不雷同如哪个地方理?
  • 模块化开拓如何做?
  • AMD(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状态码有那多少个?分别代表是如何意思?
  • 三个页面从输入 UEvoqueL
    到页面加载突显成功,那几个历程中都产生了什么样?(流程说的越详细越好)
  • 一部分地点顾客反馈网址很卡,请问有何可能性的原因,以及化解办法?
  • 从打开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 和
    CSOdysseyF)掌握到怎么水平?
  • 种类中相遇国如何影像深刻的才干难点,具体是哪些难题,怎么化解?。
  • 前段时间在学什么东西?
  • 你的优点是如何?劣势是怎样?
  • 何以管理前端团队?
  • 前不久在学什么?能斟酌您今后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

发表评论

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