前端笔试题及答案今日头条

1. 谁能给我出一两道 web前端笔试题 上机题啥的，呵呵，比较常考的

[面试题] 某企业前端开发面试题

【HTML & CSS】

1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

2. 行内元素有哪些？块级元素有哪些？CSS的盒模型？

3. CSS引入的方式有哪些? link和@import的区别是?

4. CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？

5. 前端页面有哪三层构成，分别是什么？作用是什么？

6. css的基本语句构成是？

7. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？

8. 如何居中一个浮动元素?

9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！

10. 你怎么来实现下面这个设计图,主要讲述思路 （效果图省略）

11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？

12. 你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

【Javascript】

1. js是什么，js和html 的开发如何结合？

2. 怎样添加、移除、移动、复制、创建和查找节点

3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别

4. 面向对象编程:b怎么继承a

5. 看看下面alert的结果是什么
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函数体改成下面，结果又会是什么？
a = 10;
alert(arguments[2] );

6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
var obj = parseQueryString(url);
alert(obj.key0) // 输出0

7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8. 什么是闭包？下面这个ul，如何点击每一列的时候alert其index?
<ul id=”test”>
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li>
</ul>

9. 最近看的一篇Javascript的文章是？

10. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

11.说说YSlow(可以详细一点)

答案在参考资料里面可以找到，答案在参考资料里面可以找到，答案在参考资料里面可以找到

2. 有谁知道人人网的前端网页设计的笔试题吗或者面试会问啥 急求啊~

会问你之前做过哪些作品，用什么技术实现，div+css网页排版这方面能力如何，是否懂的js等一些技术性的问题；然后就是非技术性的比如薪资什么的。

3. 前端笔试题，button标签中，type取值有哪些

button标签type属性取值有：
submit 该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button 该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset 该按钮是重置按钮（清除表单数据）。

4. 谁帮我做这些题啊 做好了 给你分

笔试题，网络流程信息管理部Web前端实习研发工程师.
JavaScript编程题
1、实现输出document对象中所有成员的名称和类型；
2、如何获得一个DOM元素的绝对位置？（获得元素位置，不依赖框架）
3、如何利用JS生成一个table？
4、实现预加载一张图片，加载完成后显示在网页中并设定其高度为50px，宽度为50px；
5、假设有一个4行td的table，将table里面td顺序颠倒；
6、模拟一个HashTable类，包含有add、remove、contains、length方法；
7、Ajax读取一个XML文档并进行解析的实例；
8、JS如何实现面向对象和继承机制？
9、JS模块的封装方法，比如怎样实现私有变量，不能直接赋值，只能通过公有方法；
10、对闭包的理解，闭包的好处和坏处？
11、对this指针的理解，可以列举几种使用情况？
12、对JS中函数绑定的理解？函数绑定可以使用哪两个函数？
13、jQuery的特点？
14、简述Ajax的异步机制。Ajax有哪些好处和弊端？

HTML/CSS部分
1、<img>标签上title属性与alt属性的区别是什么？
2、分别写出以下几个HTML标签：文字加粗、下标、居中、字体
3、写出一个文本输入框，属性为只读，最大输入字符为20个
4、CSS左边固定，右边可变的布局实现方法；要求在源码顺序中左边必须在前。
5、图片和文字一起如何通过css实现居中
6、请简述一下CSS中的样式继承和CSS的选择器
7、请简述一个各个选择器之间的优先级
8、在同等优先级的情况下如何选择样式
9、盒子模型，请简述一下盒子模型
10、如何使一个DIV的背景图像距这个DIV的顶部10像素，左边15像素，且不重复
11、如何增加某一个链接的可点击面积，而下划线仍然与链接一样长？
12、一个元素的上边框为红色，其他边框黑色，里面文字的颜色是蓝色
13、打开（隐藏）、关闭（显示）一个对象。Style的display以及visibility的参数是什么？
14、用css和div实现3列或2列的页面布局，并说明与table布局相比有哪些优缺点
15、定宽网页两列内容布局，试写出你所知道的几种布局代码

5. 谁有html，css，javascript的面试题和笔试题，不胜感激，追加高分

我也是参加过不少前端的笔试题，其实html+CSS+js的重点就在javascript，html和CSS很难的出现什么题目，一般是ajax的实现原理，ajax同步和异步的区别，call和apply的区别，javascript的数据类型，js的继承机制是如何实现的，定义function的几种方法，function中如何实现变量的私有和公有化，js的闭包是什么意思，jquery对javascript做了那些封装，等等，一般就问这些问题，

6. 前端笔试题目求解答！！求写出具体代码

其实很简单，就是一些js判断就可以实现了，可以先用冒泡排序对它们进行排序，然后将前100名塞进一个数组里面，当然还有排序的时间和用户的id等，然后在排行榜按顺序输出array[0 - 100] ，用户访问的时候判断一下用户id是否在这个数组，如果在输出数组的内容。如果不在然将 101 - 9999塞进另外一个数组，再查询用户id在不在这个数组，如果在，输出用户id 对应的排名，如果不在那就是直接输出未上榜

7. 大厂的前端面试难吗

分享给你一些面试题

一面

小米的面试官给人的感觉很亲切很真诚，是一个体验很不错的面试。

• css 实现图片自适应宽高

• 讲 flex，手写出 flex 常用的属性，并且讲出作用

• BFC 是什么

• 项目里面的前端鉴权是怎么实现的？

• vue 里面的虚拟 dom 是怎么回事？

• vue 双向绑定讲一讲

• 手写函数防抖和函数节流

• 讲讲常用的 es6 语法，比如 let、promise、class 等等

• 浏览器渲染过程，回流重绘等等，load、DOMContentLoaded 等等事件的触发顺序

• 从小米应用商店里面随便找了一个需求让我现场实现，写伪代码

二面

• 讲项目里面的鉴权和图片懒加载怎么实现的

• 讲 vue-lazyloader 的原理，手写伪代码

• 讲 express 框架的设计思想

• 线上日志是如何处理的

• 讲事件循环

• 讲 nodejs 的 eventEmitter 的实现

三面

• 讲项目里面做的事情

• 讲 vue 的响应式原理、依赖收集、监听数组、虚拟 dom 等等

• 讲 express 的中间件系统是如何设计的

• 现场从小米应用商店中找出一个需求现场实现，说思路，写关键的代码

• 四面

• 讲 vue-lazyloader 源码以及设计

• 使用 es5 实现 es6 的 class

• websocket 握手过程

• 浏览器的事件循环和 nodejs 事件循环的区别

百思编程（过）

这个公司是猎头推荐的，CEO 比较强势，也算比较有趣。

一面

• 跨域以及解决办法

• 手写一段小算法

• JavaScript 的 sort 方法内部使用的什么排序？

二面

这一面是 CEO 面，主要问了我的职业规划等等问题，在我没有表现出很强的要去该公司的意愿后，直接给我送走了…

ponyAI-基础架构（过）

一面

• 讲项目里面干了啥

• vue-lazyloader 怎么实现的

• vue 的响应式系统、虚拟 dom

• 函数式编程

• 手写了一个算法题

二面

这轮面试时从美国打电话过来的，事后才知道是 Google 的前端…

• 讲讲项目里面做了什么

• vue 原理，和 react 的区别（其实我没怎么用过 react）

• JavaScript 异步的处理方式，现场出了一个问题，使用 promise 实现

三面

• 讲项目模块规划、项目如何部署、如何优化等等

• 手写函数的防抖

• 手写一道算法题

四面

• 讲讲项目

• 手写一道算法题

洋钱罐（过）

一面

• 讲项目

• 前端持久化的方式、区别

• vue-lazyloader 的原理

• 怎么配 webpack

• 手写 vue 双向绑定

• 讲 es6 的一些特性，并且现场出了几个代码片段，说结果

• 手写一道算法题

• http 状态码

二面

• 讲项目

• vue-router 的原理

• 项目中怎么用的 webpack，怎么优化

• 讲 express 的设计原理

• 手写一道算法题

创新奇智（过）

一面

• 讲项目

• 手动实现 parseInt

二面

这一面居然遇到了前同事…写了一些笔试题，问了一些问题！

三面

• 讲 tcp/ip 网络层、三次握手，为什么不能两次握手

• 讲 vue 原理

• 手写一道算法题

猿辅导（跪）

猿辅导好像总共就一面，期间一些实现方式和面试官有争议（没有冲突）。

一面

• 手写 vue 的 mixin 方法

• 手写 promise 的 all 方法

• 现场出了一个移动端的小需求

搜狐-垂直媒体部门（过）

一面

• 讲项目

• 项目里面用 nodejs 做了啥

• 抽取了哪些 vue 组件

二面

• 讲项目

• 手写实现 promise

• 腾讯-地图（跪）

• 腾讯两个部门面试都会先做一套笔试题，笔试题基本就是一些常见的前端问题以及算法题

三面

• 讲项目，对项目提了一些问题

• 怎么判断一个点是否在圆形内、正方形内

• 对笔试题

腾讯-天天快报（跪）

也是先做了一套笔试题，但是令人尴尬的是，面试官觉得我快排写错了，然而我只是在原地快排没有申请额外空间…

• 笔试题

• 没了

网络-网络云（过）

这个部门今年据说升为一级部门了，好像还挺不错的~

一面

• 讲项目

• vue 响应式原理，什么是 mvvm

• es6 使用过的特性

• flex 常见的属性

• css 选择器的优先级

• 抽取过哪些 vue 组件

二面

• 讲项目

• express 设计原理，面试官对动态路由匹配一直追问下去，但是这里的源码设计我确实是忘了，一路讨论下去扯到了字符串的前缀树…

• 实现一个事件发布订阅类，其实就是 eventEmitter

三面

三面是山大老学长，聊了一些业务上的事情~

搜狗-手机搜狗（过）

搜狗一面的体验比较差，面试官给人的感觉不太好…

一面

• 讲项目

• 事件循环

• 回调函数的坏处

• vue 里面哪儿不会用到双向绑定

二面

忘了…

快手-商业化（过）

一面

• 讲项目

• 如何抽取公共组件的

• vue 的响应式原理

• 如何实现一个可设置过期时间的 localStorage

• 实现一个发布订阅系统，包括 on、emit、off 等等

二面

• 一道智力题

• 软件工程思想、设计模式等等

• async/await 代码片段，说输出结果

今日头条-广告系统（过）

一面

• 讲项目

• 讲 lazyloader 实现

• 用 docker 做了什么

• 用 webpack 做了什么

• 手写一个算法题

• 讲 flex

• vue 响应式原理

• es6

二面

• JavaScript 异步

• 优化项目

• vue 原理，包括计算属性、依赖收集等等

• 用 JavaScript 的异步实现 sleep 函数

• 算法题

三面

• 手写快排，时间复杂度，优化

• 手写实现 jsonp

• 项目部署，线上问题等等

• websocket 握手过程

四面

• 对 vuex 的理解，单向数据流

• 设计一个单点登录的系统，类似阿里系那种

• 手写一个算法

五面

• 实现一个联想搜索组件

• 手写函数防抖和节流

OPPO 成都研发中心（过）

一面

• 讲项目

• 讲 vue 的 响应式系统，讲了好久，从渲染 watcher 到虚拟 dom，面试官还跟我讨论了好久

• 忘了

二面

• 讲项目

• 忘了

百词斩（跪）

首先会在线做一道算法题，挺简单的，百词斩感觉挂的稀里糊涂的…

一面

• websocket 握手过程

• tcp/ip 网络层，http 的特点

• http 强行使用 udp 能实现吗？

• vue 原理

• webpack 热更新原理，使用过的插件

• 原型、闭包、跨域

• 手写了一道算法题

为什么面这么多公司

因为我是实习直接转正的，也没参加过秋招，所以对自己在市场上是个怎样的实力没有一个清晰的了解，而且我也想多了解一下其他公司在做什么，于是就尽量的多面，不过说实话面试确实挺累的。

8. 有哪些经典的 Web 前端或者 JavaScript 面试笔试题

今日头条里有很多

9. 求web前端开发笔试题

腾讯WEB前端开发三轮面试经历及面试题
【一面】~=110分钟 2013/04/24 11:20 星期三
进门静坐30分钟做题。

填空题+大题+问答题
>>填空题
何时接触电脑 何时接触前端
运算符 字符串处理 延时 display position XMLHttpRequest 正则
Jquery绑定事件 cookie
>>大题
BOM浏览器信息
浏览器兼容性举例
闭包作用与举例
新闻ul列表，插入3个，获取index
全文单词首字母大写
ajax过程
>>逻辑题
任何时间分针和时针夹角
文章单词（字母）频率出现最高
30分钟等到车概率是70%，那10分钟呢？
一个班学舞蹈的有75%，学唱歌的有85%，问同时学习舞蹈和唱歌的最多多少，最少多少？
两个很大数的加法运算
>>我的提问
为什么不问我框架
你觉得我哪些方面还有欠缺，觉得我如何
如果有望进入二面，什么时候可以得到通知
>>完了之后一起下楼时
我说其他几家公司的问题和腾讯的有比较大的区别，
区别是XXXXXX
然后他问我家在哪里
然后说深圳还是比较适合我
我说但愿还能见到你
他笑了笑

【二面】~=40分钟 2013/04/25 14:00 星期四
面试时间是两点钟，两点过几分进入了面试官所在的包间。
进去之前楼下签到的hr要我把一摞草稿纸带到621房间的面试官，进门给他之后，他说那把大椅子是坏的，
要我往后坐一点（防止向前倾倒）。
开始的时候他没怎么说话，埋头看着我的简历，于是我主动开始扯了几句关于自己的介绍。也不知他听到没
有，等我说完，马上又说：好吧，你先自我介绍下。（一脸黑线...）
期间问了我为什么不打算考研，为什么选择前端，我做的最自豪的事情是什么。
叽哩吧啦一阵子后，他要我说说我的人生规划和职业规划（颇为蛋疼，这些问题不是应该HR面才会问的么
），我顺着他的来，也比较xx的说了一番。
反向代理
输入网址到出现页面的过程（IP解析，DNS解析等）
页面流量
堆栈
接着，问了我-1在计算机中怎么表示，如何判断数组A是否为数组B的子集。
然后是一个概率问题，假设长江以北有80W人，长江以南有20W人，A向B打电话算一个电话，如果打了
10W个电话，那么长江以北打向长江以南的电话有多少个？
没问太多问题，都是些基础的，最后他问我有什么问题。
>>我问了问
为什么不问我前端的问题
如果通过二面，什么时候可以给我回复
对我有什么学习上的建议
面试官留言：“一把刀有刀锋和刀背，刀锋要磨锐利，但是刀背的锻炼也要加强。”

【HR面】~=30分钟 2013/04/27 20:00 星期六
进去先看上几位面试官对我的评价，安静时刻我跟她扯淡了几句，缓和了下尴尬的气氛。
然后她瞄了瞄我的简历，接着就问我考不考研，很明显我的答案是不。然后她又问为什么~
接着让我说说自己最满意的一件事和最不满意的一件事，自己最大的缺点和最大的优点
扯了半天之后（此处略去20分钟扯淡），又开始看我的简历，问了我项目中遇到哪些困难，我说了一个还未
解决的bug，她反问为什么不解决，然后叽哩吧啦了一阵子。
最后问我有没有什么问题。按惯例，问了问最早什么时候给通知，然后问了问期间如果有不明白问题可以通过
什么方式联系她之类的。
整个过程还算顺利。

HR告诉我五一之后可以查询录取状态，求人品吧~

顺便把在搜狐和网易的面试笔试经历也说说吧~
>>搜狐
搜狐的太久了，记不太清楚了
那次只为攒经验，是俺平生第一次参加公司面试。不过收获还是有的~
时间太久了，也记不清了，没有提交笔试题，但是还是要我去面试了。
问他有几轮面试，告诉我因时间匆忙，只给一轮技术面，如果满意直接HR。
大概问题记不太清。
虽然感觉答的还不错，但是最后还是被刷了。
【技术面】~=60分钟
-问了下我在团队学了些什么。
-然后就是很多“你是怎么理解XX”。。
-XX中有 闭包，原型链， 框架结构等

>>网易
今天4.27，好像是3.26参加的面试，时间太久，也记得不是很清楚了。
我没有把任何面试官当做正经的面试官，男的就是我的学长，女的就是我的学姐，仅此而已，所以每次交流都是平和的心态。
学长们（每次面我的都是个男的）时不时露出笑意，现场气氛没有那么紧张。
【一面】 ~=30分钟
闭包
IE6趋势
框架
【二面】 ~=90分钟
框架比较 jQuery prototype YUI
框架特点
css兼容性 IE6 bug
seaJS AMD CMD kissy
JS原型链 闭包
JS基础细节
不让谈网络框架
【HR面】~=25分钟
自我介绍
身边人的评价
最不满意的一件事情
规划
为什么不想考研
有什么困难
薪资待遇
何时通知

10. 面试Web前端需要注意什么会面试哪些问题

作为一名HTML5前端工程师，为了工作，为了就业我们免不了要参加各种各样的面试。为此总结了面试前的注意事项：

第一：注意自己的仪容仪表

面试之前，一定要再次从头到脚地将自己的仪容仪表检查一遍。检查时主要包括，自己的牙缝是不是还有食物残渣，所以你需要就近找一个卫生间，如果没有卫生间就近找一个角落也是可以的，但是切记一定不要在大庭广众之下。因此，为了给自己整理出着装的时间请在约定时间前20分钟到达。

第二：再次检查面试时所需的资料是否都已带全

这些资料主要包括：身份证明、学历文凭证明、个人简历、以往作品等等，如果这些东西齐全之后，需要对这些资料做一个整理与排序。因为没有哪个面试官希望看到面试者拿出一堆“莫名其妙”的东西塞给他，让他自己再一页一页的翻找自己需要的内容，如果说这些资料在面试官手中不小心散落一地，结果可想而知。这样的求职者在面试官眼中也一定不是一个让人放心、有条不紊的员工。当然如果检查时发现资料没有带全，也不要紧张。反而你要庆幸幸亏及时检查，也有足够的时间组织语言去向面试官解释。

第三：面试之前将通信工具调成振动或关闭状态

虽然说面试者与面试官之间是一个平等的关系，但毕竟你是去人家公司求职的，始终处于一个被动的状态，所以最起码的尊重还是要做到的。曾经有调查显示，对于面试过程中接电话或是被电话打断的求职者，会被HR减分。

第四：等候面试官时，仔细观察多了解面试公司

在等候面试官时，可以暗自观察一下公司的大体情况比如员工的着装风格、公司的LOGO或是贴在墙上的企业文化、公司的环境等等，一来可以在接下来的面试过程中表现出自己对公司的认同感，二来也可以让自己对求职公司多些了解，以确定是否要接受这里的工作。如果你身边有公司的资料宣传架，不妨取一本翻看一下，也会增加HR对你的好感。

第五：放松心情，保持自信

面试时一定要保持一定的自信，这样也会给面试官留下很好的印象。面试只是你步入工作的第一步，即便是失败了那也是人生重要的经历。失败是为了更好的迎接下一个挑战。

作为一名web前端工程师千万不要觉得懂技术面试就能万事大吉了，像以上五点细节性的东西也是一定要掌握的。

面试题系列：

网页链接