您的位置:澳门新葡8455最新网站 > Web前端 > 前端程序猿面试题汇总

前端程序猿面试题汇总

发布时间:2019-11-14 16:55编辑:Web前端浏览(87)

    前端技术员面试题汇总

    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 预微处理机吧?喜欢这几个?
    • 澳门新葡8455最新网站,CSS优化、进步品质的方法有哪些?
    • 浏览器是怎么样深入分析CSS选拔器的?
    • 在网页中的应该利用奇数依旧偶数的字体?为何吗?
    • margin和padding分别符合哪些情形使用?
    • 分离样式模块怎么写,说出思路,有无实施经历?[Ali航旅的面试题]
    • 要素竖向的比例设定是相对于容器的冲天吗?
    • 全屏滚动的法规是怎么?用到了CSS的那么些属性?
    • 哪些是响应式设计?响应式设计的基本原理是什么?怎样合作低版本的IE?
    • 视差滚动作效果应,如何给每页做不一致的动漫片?(回到顶端,向下滑动要再度现身,和只现出二遍分别怎么办?卡塔 尔(阿拉伯语:قطر‎
    • ::before 和 :after中双冒号和单冒号 有何分别?解释一下这2个伪成分的功用。
    • 何以修正chrome记住密码后自行填写表单的艳情背景 ?
    • 你对line-height是什么通晓的?
    • 设置成分浮动后,该因素的display值是有一点?(自动造成display:block卡塔 尔(英语:State of Qatar)
    • 怎么让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?
    • 怎么着是库克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”;是怎么样意思 ? 使用它有别于是哪些?
    • 什么样剖断三个指标是或不是属于有个别类?
    • 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卡塔 尔(英语:State of Qatar)标准分裂?
    • 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卡塔 尔(英语:State of Qatar)
    • 针对 jQuery品质的优化措施?
    • Jquery与jQuery UI有甚差别?
    • JQuery的源码看过呢?能否简单说一下它的落实原理?
    • jquery 中怎么着将数组转变为json字符串,然后再倒车回来?
    • jQuery和Zepto的区分?各自的应用情状?
    • 本着 jQuery 的优化措施?
    • Zepto的点透难点何以消逝?
    • jQueryUI怎么着自定义组件?
    • 急需:完结叁个页面操作不会整页刷新的网址,并且能在浏览器前进、后退时准确响应。给出你的技能达成方案?
    • 如何决断当前剧本运营在浏览器照旧node情况中?(阿里卡塔尔国
    • 活动端最小触控制区域是多大?
    • jQuery 的 slideUp动漫 ,借使目的成分是被表面事件驱动, 当鼠标连忙地连接触发外界因素事件, 动漫会滞后的频仍实施,该如什么地方理呢?
    • 把 Script 标签 放在页面包车型客车最头部的body密封以前和查封未来有如何界别?浏览器会如何解析它们?
    • 移动端的点击事件的有延期,时间是多短时间,为何会有? 怎么排除那个延时?(click 有 300ms 延迟,为了得以完毕safari的双击事件的两全,浏览器要理解你是否要双击操作。卡塔 尔(英语:State of Qatar)
    • 接头各样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酷威L 到页面加载突显成功,这一个进程中都发生了怎么着?(流程说的越详细越好卡塔 尔(英语:State of Qatar)
    • 意气风发部分地段客商反馈网址很卡,请问有何样可能性的因由,以至解决措施?
    • 从展开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卡塔 尔(英语:State of Qatar)?
    • 介绍叁个您最得意的著述啊?
    • 您有谈得来的技艺博客吗,用了如何技能?
    • 对前者安全有如何观点?
    • 是或不是明白Web注入攻击,说下原理,最广大的二种攻击(XSS 和 CSCRUISERF卡塔尔国了然到哪些水平?
    • 品类中遇见国怎么样印象深远的能力难点,具体是如何难点,怎么解决?。
    • 近年在学什么东西?
    • 您的帮助和益处是什么样?短处是什么样?
    • 怎样保管前端团队?
    • 目前在学什么?能探究您以后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插件

    澳门新葡8455最新网站 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 评论

    澳门新葡8455最新网站 2

    本文由澳门新葡8455最新网站发布于Web前端,转载请注明出处:前端程序猿面试题汇总

    关键词:

上一篇:没有了

下一篇:没有了