xml地图|网站地图|网站标签 [设为首页] [加入收藏]

前端工程师面试题汇总

来源:http://www.ccidsi.com 作者:呼叫中心培训课程 人气:147 发布时间:2019-05-02
摘要:前者程序员面试题汇总 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成效?严俊方式与混杂形式怎么样区分?它们有什么意义?
  • HTML五 为啥只供给写 <!DOCTYPE HTML>?
  • 行内成分有如何?块级成分有如何? 空(void)成分有那多少个?
  • 页面导入样式时,使用link和@import有怎么样分别?
  • 介绍一下您对浏览器内核的知情?
  • 广泛的浏览器内核有怎么样?
  • html5有哪些新特征、移除了那多少个成分?怎么样管理HTML5新标签的浏览器包容难点?如何区分 HTML 和 HTML5?
  • 简述一下您对HTML语义化的了然?
  • HTML5的离线积存怎么选取,专业规律能否解释一下?
  • 浏览器是怎么对HTML5的离线积攒财富拓展保管和加载的吗?
  • 请描述一下 cookies,sessionStorage 和 localStorage 的界别?
  • iframe有那个缺点?
  • Label的功力是哪些?是怎么用的?(加 for 或 包裹)
  • HTML五的form怎么样关闭自动实现功效?
  • 何以落到实处浏览器内八个标签页之间的通讯? (Ali)
  • webSocket怎么样合作低浏览器?(Ali)
  • 页面可知性(Page Visibility)API 能够有啥样用途?
  • 何以在页面上完结1个圆形的可点击区域?
  • 福寿无疆不应用 border 画出一px高的线,在分化浏览器的Quirksmode和CSSCompat格局下都能维持同1效果。
  • 网页验证码是干嘛的,是为理解决什么安全主题素材?
  • tite与h1的区别、b与strong的区别、i与em的区别?

CSS

  • 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有何样不一样的?
  • CSS采取符有啥?哪些属性能够连续?
  • CSS优先级算法如何计算?
  • CSS三新扩张伪类有那几个?
  • 怎么着居中div?怎样居中叁个变迁成分?如何让相对定位的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?
  • 视差滚动作效果应,如何给每页做不一致的卡通片?(回到顶部,向下滑动要再现,和只出现贰次分别如何是好?)
  • ::before 和 :after中双冒号和单冒号 有哪些分别?解释一下那1个伪成分的成效。
  • 怎么样修改chrome记住密码后自行填写表单的风骚背景 ?
  • 您对line-height是何许了然的?
  • 安装成分浮动后,该因素的display值是不怎么?(自动产生display:block)
  • 怎么让Chrome支持小于1二px 的文字?
  • 让页面里的字体变明晰,变细用CSS怎么办?(-webkit-font-smoothing: antialiased;)
  • font-style属性能够让它赋值为“oblique” oblique是怎么样看头?
  • position:fixed;在android下无效怎么管理?
  • 设若供给手动写动画,你以为最小时间间隔是多短时间,为啥?(阿里)
  • display:inline-block 哪一天会来得间隙?(携程)
  • overflow: scroll时无法平滑滚动的主题素材怎么管理?
  • 有2个可观自适应的div,里面有八个div,多少个冲天100px,希望另二个填满剩下的惊人。
  • png、jpg、gif 那些图片格式解释一下,分别何时用。有未有打探过webp?
  • 怎么是库克ie 隔开?(大概说:请求财富的时候绝不让它带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”;是怎么看头 ? 使用它有别于是怎样?
  • 怎样判定2个对象是还是不是属于某些类?
  • new操作符具体干了如何啊?
  • 用原生JavaScript的兑现过如何效果吗?
  • Javascript中,有1个函数,推行时对象查找时,长久不会去查究原型,这个函数是?
  • 对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的中央原理是怎么?(怎么着动态加载的?如何防止频仍加载的?如何缓存的?)
  • 令你本身规划完结3个requireJS,你会如何是好?
  • 谈壹谈你对ECMAScript陆的垂询?
  • ECMAScript六 怎么写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怎样自定义组件?
  • 要求:达成3个页面操作不会整页刷新的网址,并且能在浏览器前进、后退时准确响应。给出你的技巧完结方案?
  • 什么判别当前剧本运维在浏览器照旧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 完成方式?
  • 什么样是“前端路由”?哪天适合利用“前端路由”? “前端路由”有哪些亮点和瑕疵?
  • 略知12怎么是webkit么? 知道怎么用浏览器的种种工具来调度和debug代码么?
  • 怎么着测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?
  • 前者templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
  • 简述一下 Handlebars 的主旨用法?
  • 简述一下 Handlerbars 的对模板的基本管理流程, 怎样编写翻译的?怎样缓存的?
  • 用js落成千位分隔符?(来源:前端农民工,提示:正则 replace)
  • 检查评定浏览器版本版本有啥样措施?
  • 我们给2个dom同时绑定四个点击事件,三个用捕获,3个用冒泡,你来讲下会试行五次事件,然后会先进行冒泡仍然捕获

别的标题

  • 原来集团职业流程是怎么着的,怎么样与别的人合作的?如何夸部门协作的?
  • 您蒙受过比较难的本领难点是?你是如何缓和的?
  • 设计形式 知道怎么是singleton, factory, strategy, decrator么?
  • 常使用的库有怎么样?常用的前端开辟工具?开采过怎么着应用或机件?
  • 页面重构怎么操作?
  • 历数IE与别的浏览器不平等的特色?
  • 9九%的网址都须要被重构是那本书上写的?
  • 什么叫优雅降级和绳趋尺步加强?
  • 是不是领悟公钥加密和私钥加密。
  • WEB应用从服务器主动推送Data到客户端有那几个格局?
  • 对Node的帮助和益处和症结建议了上下一心的见识?
  • 你有用过如何前端品质优化的章程?
  • http状态码有那1个?分别代表是怎么样看头?
  • 一个页面从输入 UCR-VL 到页面加载展现成功,那么些进度中都发生了什么样?(流程说的越详细越好)
  • 有的地区用户反馈网址很卡,请问有何样只怕性的来由,以及缓慢解决格局?
  • 从展开app到刷新出内容,整个进度中都时有发生了怎么,借使以为到慢,怎么定位难题,怎么消除?
  • 而外前端以外还理解哪些别的技能么?你最最厉害的技艺是哪些?
  • 您用的百发百中用的精通地编辑器&开荒碰到是如何样子?
  • 对前者分界面工程师那些职分是什么精晓的?它的前景会怎么着?
  • 你怎么对待Web App 、hybrid App、Native App?
  • 您移动端前端开垦的通晓?(和 Web 前端开垦的显要差异是何等?)
  • 你对加班的眼光?
  • 日常怎样保管你的档次?
  • 说说方今最盛行的有个别事物吧?常去什么网址?
  • 如何统一策动突发大面积出现框架结构?
  • 说说方今最盛行的一些事物吗?常去什么网址?
  • 是不是理解开源的工具 bower、npm、yeoman、grunt、gulp,二个 npm 的包里的 package.json 拥有的必需的字段都有哪些?(名称、版本号,正视)
  • 种种模块的代码结构都应该比较轻便,且每一个模块之间的涉嫌也相应13分清晰,随着功效和迭代次数更为多,你会什么去维持这几个状态的?
  • Git知道branch, diff, merge么?
  • 怎样统一准备突发大面积出现框架结构?
  • 当组织人手不足,把效益代码写完已经须求加班的景色下,你会做前端代码的测试呢?
  • 说说最近最风靡的部分事物吗?平日常去什么网址?
  • 略知一二哪些是SEO并且怎么优化么? 知道种种meta data的含义么?
  • 移动端(Android IOS)如何做好用户体验?
  • 差不离描述一下您做过的移动应用软件项目研究开发流程?
  • 你在近年来的组织处于怎么着的角色,起到了何等显然的功能?
  • 你以为什么才是全端程序员(Full Stack developer)?
  • 介绍二个您最得意的著述吗?
  • 你有和好的本领博客吗,用了什么本事?
  • 对前者安全有如何观念?
  • 是不是领会Web注入攻击,说下原理,最广大的三种攻击(XSS 和 CS卡宴F)领会到什么样水平?
  • 品种中相见国怎么着映像深入的本事难点,具体是何等难题,怎么消除?。
  • 目前在学什么事物?
  • 你的帮助和益处是什么样?缺点是什么样?
  • 怎么管理前端团队?
  • 方今在学什么?能研究你以往三,5年给和谐的宏图吗?

风趣的标题

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

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

  • 亚马逊主页的左上角有2个物品分类浏览的下拉菜单 未有延迟,而且子菜单也不会在不应该的时候未有。它是怎么着做到这点的啊?

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

图片 1

文书档案推荐

  1. jQuery 基本原理
  2. JavaScript 秘密花园
  3. CSS参考手册
  4. JavaScript 标准参照教程
  5. ECMAScript 6入门

履新时间: 20一五-1贰-2玖

资料答案不够正确和周详,接待接待Star和交给issues。笔者的和讯:http: class="hljs-comment">//weibo.com/920802999

8 赞 42 收藏 3 评论

图片 2

本文由68399皇家赌场发布于呼叫中心培训课程,转载请注明出处:前端工程师面试题汇总

关键词: 68399皇家赌场 前端职场

上一篇:等的深入理解,作用域链与闭包

下一篇:没有了

最火资讯