前端工程师面试题汇总

前端工程师面试题汇总

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

初稿出处:
@markyun   

原稿出处: @markyun   

                     前端工程师面试题汇总

2017-12-10
网页设计自学平台

作者:@markyun 

markyun.github.io/2015/Front-end-Developer-Questions/

 

HTML

 

  • Doctype功用?严酷方式与混杂方式怎样区分?它们有啥意义?

  • HTML伍 为啥只须要写 <!DOCTYPE HTML>?

  • 行内成分有何样?块级成分有怎么着? 空(void)成分有那么些?

  • 页面导入样式时,使用link和@import有哪些分别?

  • 介绍一下你对浏览器内核的明白?

  • 普遍的浏览器内核有哪些?

  • html5有如何新特色、移除了那二个成分?怎样处理HTML五新标签的浏览器包容难题?如何区分
    HTML 和 HTML5?

  • 简述一下你对HTML语义化的接头?

  • HTML五的离线储存怎么接纳,工作原理能还是不可能解释一下?

  • 浏览器是怎么对HTML5的离线储存能源拓展管制和加载的啊?

  • 请描述一下 cookies,sessionStorage 和 localStorage 的分歧?

  • iframe有那个缺点?

  • Label的功能是哪些?是怎么用的?(加 for 或 包裹)

  • HTML五的form怎么样关闭自动实现功效?

  • 如何兑现浏览器内八个标签页之间的通信? (Ali)

  • webSocket怎样合作低浏览器?(Ali)

  • 页面可知性(Page Visibility)API 能够有啥用途?

  • 怎么样在页面上实现叁个圆形的可点击区域?

  • 落到实处不行使 border
    画出一px高的线,在分裂浏览器的Quirksmode和CSSCompat方式下都能保险同样效果。

  • 网页验证码是干嘛的,是为着解决哪些安全难题?

  • tite与h1的区别、b与strong的区别、i与em的区别?

 

CSS

 

  • 介绍一下正规的CSS的盒子模型?与低版本IE的盒子模型有啥两样的?

  • CSS选取符有何样?哪些属性能够继续?

  • CSS优先级算法怎样计算?

  • CSS三新增伪类有这些?

  • 哪些居中div?怎么着居中3个生成成分?如何让相对定位的div居中?

  • display有如何值?说明他们的效应。

  • position的值relative和absolute定位原点是?

  • CSS3有怎么样新特色?

  • 请解释一下CSS三的Flexbox(弹性盒布局模型),以及适用场景?

  • 用纯CSS创制2个三角的法则是何许?

  • 三个满屏 品 字布局 怎样统一筹划?

  • 大面积包容性难题?

  • 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的那3个属性?

  • 如何是响应式设计?响应式设计的基本原理是什么?如何协作低版本的IE?

  • 视差滚动作效果应,如何给每页做差异的动画?(回到顶部,向下滑动要重现,和只现出一回分别如何做?)

  • ::before 和 :after中双冒号和单冒号
    有怎么着区别?解释一下那贰个伪元素的功用。

  • 如何修改chrome记住密码后活动填写表单的香艳背景 ?

  • 您对line-height是何许知道的?

  • 安装成分浮动后,该因素的display值是稍稍?(自动变成display:block)

  • 怎么让Chrome辅助小于1二px 的文字?

  • 让页面里的书体变明晰,变细用CSS怎么做?(-webkit-font-smoothing:
    antialiased;)

  • font-style属性可以让它赋值为“oblique” oblique是哪些看头?

  • position:fixed;在android下无效怎么处理?

  • 一经急需手动写动画,你以为最小时间距离是多长期,为何?(Ali)

  • display:inline-block 曾几何时会展现间隙?(携程)

  • overflow: scroll时不能平滑滚动的难点怎么处理?

  • 有叁个中度自适应的div,里面有八个div,二个莫大十0px,希望另贰个填满剩下的冲天。

  • png、jpg、gif
    这几个图片格式解释一下,分别哪天用。有未有打探过webp?

  • 什么是Cookie 隔开分离?(大概说:请求能源的时候绝不让它带cookie如何做)

  • style标签写在body后与body前有何样分别?

 

JavaScript

 

  • 介绍JavaScript的宗旨数据类型。

  • 说说写JavaScript的骨干标准?

  • JavaScript原型,原型链 ? 有怎么样特点?

  • JavaScript有二种档次的值?(堆:原始数据类型和
    栈:引用数据类型),你能画一下他们的内部存款和储蓄器图吗?

  • Javascript如何贯彻一连?

  • Javascript创设对象的三种格局?

  • Javascript功能链域?

  • 谈谈This对象的知晓。

  • eval是做什么的?

  • 什么是window对象? 什么是document对象?

  • null,undefined的区别?

  • 写1个通用的事件侦听器函数(机试题)。

  • [“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()*(一<<二四))).toString(1陆) })
    能解释一下那段代码的意趣吧?

  • js延迟加载的主意有怎么着?

  • Ajax 是什么? 怎么样创立四个Ajax?

  • 1齐和异步的分裂?

  • 哪些解决跨域难题?

  • 页面编码和被呼吁的财富编码假若不1样如何处理?

  • 模块化开发怎么做?

  • 速龙(Modules/Asynchronous-Definition)、CMD(Common Module
    Definition)规范分歧?

  • requireJS的主干原理是何等?(如何动态加载的?如何制止频仍加载的?怎么着缓存的?)

  • 让您协调统一筹划完毕三个requireJS,你会咋办?

  • 谈1谈你对ECMAScript6的问询?

  • ECMAScript6 怎么写class么,为何会现出class那种事物?

  • 异步加载的法子有怎么着?

  • documen.write和 innerHTML的区别?

  • DOM操作——怎么着添加、移除、移动、复制、创立和摸索节点?

  • .call() 和 .apply() 的意义和区分?

  • 数组和对象有何样原生方法,列举一下?

  • JS 怎么落实二个类。怎么实例化那些类

  • JavaScript中的作用域与变量注明进步?

  • 哪些编写高质量的Javascript?

  • 那2个操作会导致内部存款和储蓄器泄漏?

  • JQuery的源码看过啊?能还是不能够差不多概略一下它的完结原理?

  • jQuery.fn的init方法再次回到的this指的是何许目的?为何要回来this?

  • jquery中怎样将数组转化为json字符串,然后再转载回来?

  • jQuery 的性格拷贝(extend)的贯彻原理是何等,怎么着落到实处深拷贝?

  • jquery.extend 与 jquery.fn.extend的区别?

  • jQuery 的系列是什么兑现的?队列能够用在哪些地点?

  • 谈一下Jquery中的bind(),live(),delegate(),on()的区别?

  • JQuery3个指标足以同时绑定几个事件,那是怎么完结的?

  • 前端工程师面试题汇总。是或不是通晓自定义事件。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, pm二,
    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本田CR-VL
    到页面加载呈现成功,这些进度中都产生了什么样?(流程说的越详细越好)

  • 有的地面用户反馈网址很卡,请问有怎么着大概性的原委,以及缓解办法?

  • 从打开app到刷新出内容,整个经过中都产生了怎么,若是感觉慢,怎么定位难题,怎么化解?

  • 而外前端以外还询问什么别的技术么?你最最厉害的技巧是怎么?

  • 您用的百步穿杨用的纯熟地编辑器&开发条件是什么样子?

  • 对前者界面工程师这些地点是什么样掌握的?它的前景会如何?

  • 您怎么对待Web App 、hybrid App、Native App?

  • 你移动端前端开发的知晓?(和 Web 前端开发的要紧分化是如何?)

  • 您对加班的视角?

  • 一生什么保管你的类别?

  • 说说近期最流行的1对东西啊?常去哪边网址?

  • 怎么统一筹划突发大面积出现架构?

  • 说说如今最流行的片段事物呢?常去哪边网址?

  • 是否了然开源的工具 bower、npm、yeoman、grunt、gulp,三个 npm
    的包里的 package.json
    具备的供给的字段都有哪些?(名称、版本号,注重)

  • 各个模块的代码结构都应有比较不难,且每种模块之间的涉及也相应足够明晰,随着效用和迭代次数更为多,你会怎样去维持那个状态的?

  • Git知道branch, diff, merge么?

  • 何以统一筹划突发大面积出现架构?

  • 当组织人手不足,把成效代码写完已经必要加班的气象下,你会做前端代码的测试呢?

  • 说说方今最盛行的一部分东西呢?经平时去什么网址?

  • 明白怎么样是SEO并且怎么优化么? 知道各个meta data的含义么?

  • 移动端(Android IOS)如何做好用户体验?

  • 不难描述一下您做过的移动应用软件项目研究开发流程?

  • 您在以往的团体处于什么样的角色,起到了怎么鲜明的作用?

  • 您认为何才是全端工程师(Full Stack developer)?

  • 介绍二个您最得意的创作吗?

  • 你有和好的技术博客吗,用了怎样技能?

  • 对前者安全有啥看法?

  • 是否通晓Web注入攻击,说下原理,最常见的两种攻击(XSS 和
    CS卡宴F)领悟到何等水平?

  • 品种中相遇国怎么样印象长远的技术难点,具体是怎么样难题,怎么化解?。

  • 新近在学什么事物?

  • 你的优点是怎么?缺点是如何?

  • 哪些管理前端团队?

  • 近些年在学什么?能斟酌您未来三,5年给协调的设计吗?

 

有趣的题材

 

  • A、B两个人分头在两座岛上。B生病了,A有B所急需的药。C有一艘小船和七个能够上锁的箱子。C愿旨在A和B之间运东西,但东西只好放在箱子里。只要箱子没被上锁,C都会偷走箱子里的东西,不管箱子里有怎么着。若是A和B各自有壹把锁和只好开本身那把锁的钥匙,A应该怎么着把东西安全递交给B?

     

    答案:A把药放进箱子,用本人的锁把箱子锁上。B获得箱子后,再在箱子上加一把团结的锁。

     

    箱子运回A后,A取下自个儿的锁。箱子再运到B手中时,B取下本身的锁,得到药物。

  • 亚马逊主页的左上角有3个货物分类浏览的下拉菜单
    未有延迟,而且子菜单也不会在不应有的时候没有。它是什么做到那或多或少的呢?

     

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

 

图片 1

 

文书档案推荐

 

  1. jQuery 基本原理

  2. JavaScript 秘密花园

  3. CSS参考手册

  4. JavaScript 标准参照教程

  5. ECMAScript 6入门

 

                     前端工程师面试题汇总

2017-12-10
网页设计自学平台

作者:@markyun 

markyun.github.io/2015/Front-end-Developer-Questions/

 

HTML

 

  • Doctype功用?严谨情势与混杂格局怎样区分?它们有什么意义?

  • HTML伍 为何只要求写 <!DOCTYPE HTML>?

  • 行内成分有如何?块级成分有如何? 空(void)成分有那多少个?

  • 页面导入样式时,使用link和@import有怎么样界别?

  • 介绍一下你对浏览器内核的明白?

  • 普遍的浏览器内核有怎么样?

  • html5有何新特点、移除了那多少个元素?怎么着处理HTML伍新标签的浏览器包容难点?怎么样区分
    HTML 和 HTML伍?

  • 简述一下你对HTML语义化的领悟?

  • HTML伍的离线储存怎么选拔,工作原理能或不能够解释一下?

  • 浏览器是怎么对HTML5的离线储存能源拓展管理和加载的呢?

  • 请描述一下 cookies,sessionStorage 和 localStorage 的区分?

  • iframe有那个缺点?

  • Label的效益是哪些?是怎么用的?(加 for 或 包裹)

  • HTML5的form如何关闭自动完结功效?

  • 怎么着贯彻浏览器内两个标签页之间的通讯? (Ali)

  • webSocket如何同盟低浏览器?(Ali)

  • 页面可知性(Page Visibility)API 能够有哪些用途?

  • 怎么着在页面上完结2个圆形的可点击区域?

  • 落到实处不行使 border
    画出1px高的线,在差异浏览器的Quirksmode和CSSCompat情势下都能保持同样效果。

  • 网页验证码是干嘛的,是为着缓解哪些安全难题?

  • tite与h1的区别、b与strong的区别、i与em的区别?

 

CSS

 

  • 介绍一下正式的CSS的盒子模型?与低版本IE的盒子模型有哪些两样的?

  • CSS选用符有怎么着?哪些属性能够继续?

  • CSS优先级算法怎么着总计?

  • CSS3新增伪类有那一个?

  • 如何居中div?如何居中1个浮动元素?如何让相对定位的div居中?

  • display有怎么样值?表明他俩的职能。

  • position的值relative和absolute定位原点是?

  • CSS三有怎么着新特征?

  • 请解释一下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?

  • 视差滚动作效果应,如何给每页做分歧的动画?(回到顶部,向下滑动要再现,和只现出3次分别如何是好?)

  • ::before 和 :after中双冒号和单冒号
    有啥样分别?解释一下那1个伪成分的遵从。

  • 如何修改chrome记住密码后自行填写表单的风骚背景 ?

  • 您对line-height是怎么明白的?

  • 安装成分浮动后,该因素的display值是不怎么?(自动变成display:block)

  • 怎么让Chrome帮助小于1二px 的文字?

  • 让页面里的书体变明晰,变细用CSS如何是好?(-webkit-font-smoothing:
    antialiased;)

  • font-style属性可以让它赋值为“oblique” oblique是什么意思?

  • position:fixed;在android下无效怎么处理?

  • 若果急需手动写动画,你觉得最小时间距离是多长时间,为啥?(Ali)

  • display:inline-block 几时会议及展览示间隙?(携程)

  • overflow: scroll时不可能平滑滚动的难点怎么处理?

  • 有三个可观自适应的div,里面有八个div,二个冲天拾0px,希望另2个填满剩下的莫大。

  • png、jpg、gif
    这么些图片格式解释一下,分别什么日期用。有未有精通过webp?

  • 如何是Cookie 隔绝?(可能说:请求能源的时候不要让它带cookie怎么做)

  • style标签写在body后与body前有怎样分歧?

 

JavaScript

 

  • 介绍JavaScript的为主数据类型。

  • 说说写JavaScript的主导标准?

  • JavaScript原型,原型链 ? 有哪些特色?

  • JavaScript有几体系型的值?(堆:原始数据类型和
    栈:引用数据类型),你能画一下他们的内存图吗?

  • Javascript如何完毕一而再?

  • Javascript创设对象的二种艺术?

  • Javascript功能链域?

  • 谈谈This对象的了解。

  • eval是做什么样的?

  • 什么是window对象? 什么是document对象?

  • null,undefined的区别?

  • 写1个通用的轩然大波侦听器函数(机试题)。

  • [“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()*(一<<2四))).toString(16) })
    能解释一下那段代码的意思啊?

  • js延迟加载的秘诀有何?

  • Ajax 是怎么着? 如何创制八个Ajax?

  • 三头和异步的分别?

  • 怎么样缓解跨域难题?

  • 页面编码和被呼吁的能源编码假设不均等怎样处理?

  • 模块化开发怎么办?

  • AMD(Modules/Asynchronous-Definition)、CMD(Common Module
    Definition)规范差别?

  • requireJS的着力原理是哪些?(如何动态加载的?怎样防止频仍加载的?怎么着缓存的?)

  • 让您本身设计完成三个requireJS,你会如何做?

  • 谈1谈你对ECMAScript陆的询问?

  • ECMAScript陆 怎么写class么,为何会产出class那种东西?

  • 异步加载的办法有啥?

  • documen.write和 innerHTML的区别?

  • DOM操作——怎么样添加、移除、移动、复制、成立和查找节点?

  • .call() 和 .apply() 的含义和界别?

  • 数组和对象有怎么着原生方法,列举一下?

  • JS 怎么落到实处1个类。怎么实例化那一个类

  • 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, pm二,
    server-side rendering么?

  • 解释一下 Backbone 的 MVC 达成格局?

  • 怎么着是“前端路由”?何时适合选取“前端路由”?
    “前端路由”有哪些亮点和症结?

  • 清楚什么是webkit么? 知道怎么用浏览器的各样工具来调节和debug代码么?

  • 怎么着测试前端代码么? 知道BDD, TDD, Unit Test么?
    知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?

  • 前者templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

  • 简述一下 Handlebars 的中心用法?

  • 简述一下 Handlerbars 的对模板的主题处理流程,
    怎么着编写翻译的?怎么样缓存的?

  • 用js完毕千位分隔符?(来源:前端农民工,提示:正则+replace)

  • 检查评定浏览器版本版本有何样方法?

  • 咱俩给二个dom同时绑定七个点击事件,贰个用捕获,3个用冒泡,你的话下会执行三次事件,然后会先实施冒泡照旧捕获

 

其余题材

 

  • 原本公司办事流程是如何的,怎么样与其余人同盟的?怎样夸部门合营的?

  • 你相逢过比较难的技艺难题是?你是哪些消除的?

  • 设计情势 知道如何是singleton, factory, strategy, decrator么?

  • 常采用的库有如何?常用的前端开发工具?开发过什么应用或机件?

  • 页面重构怎么操作?

  • 列举IE与别的浏览器不平等的风味?

  • 9九%的网址都亟需被重构是那本书上写的?

  • 什么叫优雅降级和渐进增强?

  • 是或不是精晓公钥加密和私钥加密。

  • WEB应用从服务器主动推送Data到客户端有那些格局?

  • 对Node的亮点和症结建议了投机的眼光?

  • 你有用过哪些前端品质优化的方法?

  • http状态码有那多少个?分别代表是怎么着意思?

  • 一个页面从输入 U奥迪Q5L
    到页面加载显示成功,这么些进程中都发出了什么样?(流程说的越详细越好)

  • 局地地面用户反馈网址很卡,请问有何样或然性的缘故,以及消除方法?

  • 从打开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 和
    CS纳瓦拉F)掌握到何以水平?

  • 花色中相遇国怎么着印象深入的技术难题,具体是如何难题,怎么化解?。

  • 近日在学什么东西?

  • 您的长处是什么?缺点是怎样?

  • 什么保管前端团队?

  • 多年来在学什么?能探讨你以往叁,伍年给自个儿的安排吗?

 

诙谐的标题

 

  • A、B多个人分别在两座岛上。B生病了,A有B所必要的药。C有一艘小艇和三个得以上锁的箱子。C愿目的在于A和B之间运东西,但事物只好放在箱子里。只要箱子没被上锁,C都会偷走箱子里的事物,不管箱子里有怎么着。若是A和B各自有一把锁和只可以开协调那把锁的钥匙,A应该什么把东博洛尼亚全递交给B?

     

    答案:A把药放进箱子,用自身的锁把箱子锁上。B获得箱子后,再在箱子上加一把自身的锁。

     

    箱子运回A后,A取下自身的锁。箱子再运到B手中时,B取下自个儿的锁,得到药物。

  • 亚马逊(Amazon)主页的左上角有1个货品分类浏览的下拉菜单
    未有延迟,而且子菜单也不会在不应当的时候未有。它是怎么形成这点的吧?

     

    答案是经过探测鼠标移动的矛头和轨道,具体查看Khan Academy工程师 Ben
    Kamens 写的 jQuery插件

 

图片 2

 

文书档案推荐

 

  1. jQuery 基本原理

  2. JavaScript 秘密花园

  3. CSS参考手册

  4. JavaScript 标准参照教程

  5. ECMAScript 6入门

 

目录

  1. HTML部分
  2. CSS部分
  3. JavaScript部分
  4. 其它题材

目录

  1. HTML部分
  2. CSS部分
  3. JavaScript部分
  4. 此外难题

HTML

  • Doctype效能?严峻情势与混杂形式如何区分?它们有啥意义?
  • HTML伍 为啥只须求写 <!DOCTYPE HTML>?
  • 行内成分有怎么样?块级成分有怎么着? 空(void)成分有那贰个?
  • 页面导入样式时,使用link和@import有怎么样界别?
  • 介绍一下你对浏览器内核的精晓?
  • 科学普及的浏览器内核有怎么样?
  • html⑤有哪些新性情、移除了那个元素?怎样处理HTML伍新标签的浏览器包容难点?怎么样区分
    HTML 和 HTML伍?
  • 简述一下你对HTML语义化的知道?
  • HTML5的离线储存怎么选用,工作规律能还是不可能解释一下?
  • 浏览器是怎么对HTML5的离线储存能源举办政管理理和加载的呢?
  • 请描述一下 cookies,sessionStorage 和 localStorage 的区分?
  • iframe有那些缺点?
  • Label的功能是怎么?是怎么用的?(加 for 或 包裹)
  • HTML五的form怎么着关闭自动完结作用?
  • 哪些贯彻浏览器内五个标签页之间的通讯? (Ali)
  • webSocket如何协作低浏览器?(Ali)
  • 页面可知性(Page Visibility)API 能够有哪些用途?
  • 哪些在页面上完成1个圆形的可点击区域?
  • 落实不行使 border
    画出一px高的线,在差异浏览器的Quirksmode和CSSCompat形式下都能保持同样效果。
  • 网页验证码是干嘛的,是为着化解哪些安全难点?
  • tite与h1的区别、b与strong的区别、i与em的区别?

HTML

  • Doctype成效?严峻形式与混杂情势怎样区分?它们有什么意义?
  • HTML五 为何只供给写 <!DOCTYPE HTML>?
  • 行内成分有何?块级元素有哪些? 空(void)成分有那一个?
  • 页面导入样式时,使用link和@import有怎样分裂?
  • 介绍一下您对浏览器内核的明亮?
  • 常见的浏览器内核有怎么样?
  • html五有何样新特色、移除了那五个成分?怎样处理HTML伍新标签的浏览器包容难题?怎样区分
    HTML 和 HTML五?
  • 简述一下你对HTML语义化的精晓?
  • HTML伍的离线储存怎么使用,工作原理能或不可能解释一下?
  • 浏览器是怎么对HTML5的离线储存财富开始展览管制和加载的啊?
  • 请描述一下 cookies,sessionStorage 和 localStorage 的差异?
  • iframe有那么些缺点?
  • Label的意义是什么样?是怎么用的?(加 for 或 包裹)
  • HTML伍的form如何关闭自动完毕作用?
  • 什么落到实处浏览器内多个标签页之间的通讯? (Ali)
  • webSocket怎么着合作低浏览器?(Ali)
  • 页面可知性(Page Visibility)API 能够有啥样用途?
  • 怎么着在页面上落到实处贰个圆形的可点击区域?
  • 完结不采用 border
    画出一px高的线,在不一样浏览器的Quirksmode和CSSCompat方式下都能维系1致效果。
  • 网页验证码是干嘛的,是为着消除哪些安全难点?
  • tite与h1的区别、b与strong的区别、i与em的区别?

相关文章