今日头条前端工程师笔试题
“happyhl2004”通过精心收集，向本站投稿了12篇今日头条前端工程师笔试题，以下是小编为大家整理后的今日头条前端工程师笔试题，欢迎阅读与收藏。
篇1：今日头条前端工程师笔试题
1.[不定项选择题]下面哪些是HTML5 新增的表单元素?
A.datalist
B.optgroup
C.output
D.legend
2.[单选题]在HTML中，( )可以在网页上通过链接直接打开邮件客户端发送邮件。
A.发送邮件
B.发送邮件
C.发送邮件
D.发送邮件
3.[不定项选择题]请选出所有的置换元素
A.img
B.input
B.textarea
D.select
4.[单选题]下面哪条声明能固定背景图片
A.background-attachment:fixed;
B.background-attachment:scroll;
C.background-origin: initial;
D.background-clip: initial;
5.[不定项选择题]下列说法正确的是
A.display: none;不为被隐藏的对象保留其物理空间;
B.visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明;
C.visibility:hidden;产生reflow和repaint(回流与重绘);
D.visibility:hidden;与display: none;两者没有本质上的区别;
6.[单选题]以下关于盒子模型描述正确的是：
A.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + 左右padding + width
B.IE盒子模型中：盒子总宽度 = 左右margin + 左右border + width
C.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + width
D.IE盒子模型中：盒子总宽度 = width
7.[单选题]下面哪个属性不会让 div 脱离文档流(normal flow)?
A.position: absolute;
B.position: fixed;
C.position: relative;
D.float: left;
8.[单选题]英文字母全部转为大写正确的是
A.text-transform: capitalize;
B.text-transform: lowercase;
C.text-transform: uppercase;
D.font-weight: bold;
9.[单选题]假设在今日头条里面,有很多工作人员检查新闻是不是属于虚假新闻,所有新闻真实率到达了98%,工作人员在检验一个真实的新闻把它检验为一个虚假的新闻的概率为2%,而一个虚假的新闻被检验为真实的新闻的概率为5%.那么,一个被检验为真实的新闻确实是真实的新闻的概率是多大?
A.0.9991
B.0.9989
C.0.9855
D.0.96
10.[单选题]现在有两堆石子,小今与小条玩游戏,2个人都足够聪明,两个人规定:每次每人只能从其中一堆中取走1个或2个或3个石子,最后将石子全部取完的人胜利.现在两堆石子的个数为8和9,请问如何安排才能让小今必胜?
A.让小今先取
B.让小条先取
C.没有策略能够让小今必胜
D.以上说法都不正确
篇2：今日头条前端工程师笔试题
1.[不定项选择题]以下描述正确的:
A.Http协议所使用的运输层协议是UDP
B.Https的端口号是443
C.TCP注重数据安全性，UDP注重数据传输快
D.传输层提供端到端的可靠报文传递和错误恢复
2.单选题]表toutiao_tb
title data auther type
abc 20xx.2.23 bob 1
bcv 20xx.3.3 http 1
cvt 20xx.3.3 http 1
bcvvcm 20xx.3.5 js 2
nmhh 20xx.2.3 html 2
hhj 20xx.3.3 java 3
rrr 20xx.3.2 cc 1
查询title中包含cv且type是1的记录
A.select * from where title = ‘cv’ and type=’1′
B.select * from where title = ‘%cv%’ and type=’1′
C.select * from where title = ‘*cv’ and type=’1′
D.select * from where title =’*cv*’ and type=’1
3.[不定项选择题]下列关于操作系统进程与线程的区别正确的是：
A.进程是资源分配的基本单位
B.线程是资源分配的基本单位
C.进程是资源调度的基本单位
D.线程是资源调度的基本单位
4.[单选题]下面那个页面调度算法,当进程分配到的页面数增加时,缺页中断的次数可能增加也可能减少
A.FIFO算法
B.LRU算法
C.Clock算法
D.LFU算法
5.[不定项选择题]下列排序算法不稳定的有?
A.插入排序
B.希尔排序
C.冒泡排序
D.堆排序
E.归并排序
F.快速排序
G.选择排序
篇3：今日头条前端工程师笔试题
1.[不定项选择题]页面有一个按钮button id为 button1，通过原生的js如何禁用?
A.document.getElementById(“button1”).readolny= true;
B.document.getElementById(“button1”).setAttribute(“readolny”,”true”);
C.document.getElementById(“button1”).disabled = true;
D.document.getElementById(“button1”).setAttribute(“disabled”,”true”);
2.[单选题]页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色?
A.document.getElementById(‘button1’).style.backgroundColor=”red”;
B.document.getElementById(‘button1’).style.backgroundcolor=”red”;
C.document.getElementById(‘button1’).style.backGroundColor=”red”;
D.document.getElementById(‘button1’).style.bgcolor=”red”;
3.[编程题] 回文解码
现在有一个字符串，你要对这个字符串进行 n 次操作，每次操作给出两个数字：(p, l) 表示当前字符串中从下标为 p 的字符开始的长度为 l 的一个子串。你要将这个子串左右翻转后插在这个子串原来位置的正后方，求最后得到的字符串是什么。字符串的下标是从 0 开始的，你可以从样例中得到更多信息。输入描述:
每组测试用例仅包含一组数据，每组数据第一行为原字符串，长度不超过 10 ，仅包含大小写字符与数字。接下来会有一个数字 n 表示有 n 个操作，再接下来有 n 行，每行两个整数，表示每次操作的(p , l)。保证输入的操作一定合法，最后得到的字符串长度不超过 1000。
输出描述:
输出一个字符串代表最后得到的字符串。
输入例子:
ab
2
0 2
1 3
输出例子:
abbaabb
篇4：Web前端开发工程师笔试题
1. 在一个框架的属性面板中，不能设置下面哪一项。( C )
A.源文件 ; B.边框颜色 ;
C.边框宽度
D.滚动条
2. CSS样式表根据所在网页的位置，可分为?(B )
A.行内样式表、内嵌样式表、混合样式表
B.行内样式表、内嵌样式表、外部样式表
C.外部样式表、内嵌样式表、导入样式表
D.外部样式表、混合样式表、导入样式表
3.对于标签，其中*代表GET或( C )
A. SET
B. PUT
C. POST
D. INPUT
4. HTML代码
表示?(D )
A. 创建表格
B. 创建一个滚动菜单
C. 设置每个表单项的内容
D. 创建一个下拉菜单
5. 在表单中包含性别选项，且默认状态为“男”被选中，下列正确的是( A )
A.
男
B.
男
C.
男
D.
男
6. 在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B )
A. A:link{TEXT-DECORATION: underline }
B. A:hover {TEXT-DECORATION: none}
C. A:active {TEXT-DECORATION: blink }
D. A:visited {TEXT-DECORATION: overline }
7. 下面代码片段，说法正确的是:(B )
.DIV1 { position:absolute;
line-height:22px;
height:58px;
background-color: #FF0000; }
A. Line-height:22px;修饰文本字体大小
B. position:absolute;表示绝对定位，被定位的元素位置固定
C. height:58px; 表示被修饰的元素距离别的元素的距离
D. background-color: #FF0000; 表示被修饰的元素的背景图像
8. 在Dreamweaver 中, 在设置各个框架属性时, 参 数Scroll 是用来设置( B )属性的。
A. 是否进行颜色设置
B. 是否出现滚动条
C. 是否设置边框宽度
D. 是否使用默认边框宽度
9. 以下链接到电子邮件的正确格式是(B )
A. 邮箱
B. 邮箱
C. 邮箱
D. 邮箱
10. 若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A )
A.文字合并
B.左单元格文字丢失
C.右单元格文字丢失
D.系统出错
篇5：阿里前端开发工程师笔试题
1、补充下面的函数，判断p为Array
function isArray(p){
return Object.prototype._____.apply(p)==='_____';
}
2、请写一个表格以及对应的CSS，使表格奇数行为白色背景，偶数行为灰色背景，鼠标移上去时为黄色背景。
3、实现一个程序，输入为一段英文文本，示例如下：
Alibaba Group Holding Limited is a Chinese e-commerce company that provides consumer-to-consumer, business-to-consumer and business-to-business sales services via web portals. It also provides electronic payment services, a shopping search engine and data-centric cloud computing services. The group began in when Jack Ma founded the website Alibaba.com, a business-to-business portal to connect Chinese manufacturers with overseas buyers. In 20xx, two of Alibaba’s portals handled 1.1 trillion yuan ($170 billion) in sales.
统计这段文本中单词的出现频率、分布区间，要求如下：
1. 仅统计英文单词，1999 $170 1.1 标点符号之类的不算做单词
2. 区间分 4个：少(出现1-5次)、 中(出现6-10次)、高(出现 11-20)，极高(出现 >20 次) ，给出每个区间单词数目在总单词数中的百分比
3. 返回如下的 JSON 对象：
{
'occurrence': [/ 数据元素的第一个元素为单词，第二个位出现次数/
['alibaba', 10]
['consumer', 10]
['business', 8]
],
'distribution': {
'high': '30%',
'low': '20%',
'medium': '40%',
'veryHeigh': '10%',
}
篇6：Web前端开发工程师笔试题
1. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )
A.style=”border-top: #ff0000 1 solid;”
B.style=”border-left: 1, #ff0000 ,solid;”
C.style=”border-left: 1 #ff0000 solid;”
D.style=”border-right: 1, #ff0000, dashed;”
2. html语言中，设置表格边框宽度的标签是?(A )
A.
B.
C.
D.
3. 的意思是?(A )
A. 图像相对于周围的文本左对齐
B. 图像相对于周围的文本右对齐
C. 图像相对于周围的文本底部对齐
D. 图像相对于周围的文本顶部对齐
14. 一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件?(C )
A. 2 B. 3
C. 4 D. 5
5. 下列标签可以不成对出现的是( B)
A.〈HTML〉〈/HTML〉
B.〈P〉 〈/P〉
C.〈TITLE〉〈/TITLE〉
D.〈BODY〉〈/BODY〉
6. 下列那个不是CSS选择符(A )
A.p
B..td
C.#box
D.shop
7. 在CSS的三种选择符种，哪个优先级最高?( C )
A.标签选择符
B.类选择符号
C.ID选择符
8. 引入样式表的方式有几种?
引入样式表的方式有两种：方式一通过link引入，如
Type=“text/css” href=“css.css”> 方法二 通过import导入 如import css.css
9. 关于Document对象，下列叙述正确的是(AC )
a)Document对象表示浏览器中显示的HTML文档
b)Document对象的常用属性bgcolor用来设置文档的背景图片
c)Document对象的常用方法getElementById用于访问唯一的一个元素
d)Document对象的常用方法getElementByNames
10. 在javascript 中，以下哪个变量名是非法的(B )
a)Name
b)9name
c)Name_a
d)Name9
篇7：Web前端开发工程师笔试题
1. Javascript可以在以下什么地方执行?(B )
a)服务器端的IE浏览器
b)客户端的IE浏览器
c)在服务器端的tomcat容器里
d)在客户端的tomcat容器里
2. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问
a)局部
b)全局
c)typeOf
d)New
3. 关于javascript说法正确的是(B )。
a)它是面向对象的
b)它是基于对象的
c)它是面向过程的
d)以上说法都不正确
4. 以下哪条语句会产生运行错误(A )
A、var obj =
B、var obj =
C、var obj =
D、var obj = //
5. 在javascript中，下拉列表框的(B )方法可从列表中删除一个元素
a)Add( )
b)Remove( )
c)Focus( )
d)blur
6. 请选择结果为真的表达式(C )
a)null instanceof Object
b)null === undefined
c)null == undefined
d)NaN == NaN
7. 在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本(AB )
a)
b)
c)
d)
8. 在javascript中，String 对象的方法不包括(D )。
a)charAt
b)substring
c)toUpperCase
d)Length
9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用(A )事件处理程序。( )
a)onChange
b)onFocus
c)onMouseOver
d)onClick
10. ( C )事件处理程序可用于在用户单击按钮时执行函数
a)onSubmit
b)onChange
c)onClick
d)onBlur
篇8：当当网前端工程师测试笔试题
当当网前端工程师测试笔试题
前端工程师测试题(笔试时间20分钟，面试时间20分钟)
一、笔试
1.基础问题
(1)前端页面有哪三层构成，分别是什么?作用是什么?
(2)Doctype是什么?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
(3)内联元素有哪些?块级元素有哪些?
标记与标记区别?(4)CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
(5)用jQuery编写一个方法，点击一个按钮，就可以通过AJAX来改变与按钮有关的这段文本，
2.选做题
(6)如何实现TabView?
(7)用JS编写一个方法，去掉一个数组的重复元素。
二、面试时回答3道(50分)
(8)有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况?
(9)JS和HTML、CSS的开发如何结合?如果让你来制作一个访问量很高的'大型网站，你会如何来管理所有CSS文件、JS与图片?
(10)现阶段较流行的JS库和框架有哪些?你最了解的框架是哪个，它有什么优点?
(11)谈谈Flash、Ajax两种技术的对比?
(12)你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
(13)你对页面重构工程师这个职位是怎么样理解的?它的前景会怎么样?你的个人定位?
(14)你怎么来实现给出的设计图，主要讲述思路?
(15)简述Javascript闭包概念?
篇9：前端开发工程师笔试题篇
1、下面哪个不属于W3C标准盒模型?
a.内容
b.边框
c.内边距
d.轮廓
2、下列事件哪个不属于鼠标触发的事件?
a.click
b.contextmenu
c.mouseout
d.keydown
3、一个实现搜索结果的页面，如果你想实现高亮搜索关键词，应该使用下面哪个tag?
a.
b.
c.
d.
4、浏览器在一次HTTP请求中，需要传输一个4097字节的文本数据至服务器，可以采用哪些方式?
a.存入indexdDB
b.存入COOKIE
c.放在URL参数
d.写入Session
e.使用post
f.放在Local Storage
篇10：前端开发工程师笔试题篇
1、下面哪个不是CSS中表示尺寸的单位?
a.px、%
b.em、rem
c.mm、ck
d.pt、pc
2、请在____处填写答案，从而达到题目的要求
var arr = [1, 2, 3, 4, 5];
var result = arr.sort(_______________________________).join(“+”);
console.log(result);
3、把一个字面量对象，变成某个类的实例
function Type
var a = ;
______________
// a instanceof Type === true
篇11：前端开发工程师笔试题篇
1、补充下面的函数，判断p为Array
function isArray(p){
return Object.prototype._____.apply(p)==='_____';
}
2、请写一个表格以及对应的CSS，使表格奇数行为白色背景，偶数行为灰色背景，鼠标移上去时为黄色背景。
3、实现一个程序，输入为一段英文文本，示例如下：
Alibaba Group Holding Limited is a Chinese e-commerce company that provides consumer-to-consumer, business-to-consumer and business-to-business sales services via web portals. It also provides electronic payment services, a shopping search engine and data-centric cloud computing services. The group began in when Jack Ma founded the website Alibaba.com, a business-to-business portal to connect Chinese manufacturers with overseas buyers. In 20__ two of Alibaba’s portals handled 1.1 trillion yuan ($170 billion) in sales.
统计这段文本中单词的出现频率、分布区间，要求如下：
1. 仅统计英文单词，1999 $170 1.1 标点符号之类的不算做单词
2. 区间分 4个：少(出现1-5次)、 中(出现6-10次)、高(出现 11-20)，极高(出现 >20 次) ，给出每个区间单词数目在总单词数中的百分比
3. 返回如下的 JSON 对象：
{
'occurrence': [/星字符 数据元素的第一个元素为单词，第二个位出现次数星字符/
['alibaba', 10]
['consumer', 10]
['business', 8]
],
'distribution': {
'high': '30%',
'low': '20%',
'medium': '40%',
'veryHeigh': '10%',
}
金山软件笔试题目篇
1、写出你玩过的游戏及其运营商
(1)单机版
(2)游戏机版
(3)网络版
2、对以上列出的游戏进行评价，你也可以对其他了解的游戏进行评价
3、写出一款MMORPG游戏中需要完成某个任务或者过某一关，评述其优点和缺点。例如《魔兽世界》《剑侠》等等。(这一题大概的意思，具体怎么说得我记不清了)
4、50字以内写出你应聘该岗位的竞争优势。
金山软件笔试题目篇
1、下面的表格中，有些空格中有东西，有些没有东西，行和列的数字分别表示该行或该列有东西的空格的个数，小写数字表示连续，大写数字表示不连续。
请填出表中哪些空格有东西，在里面填写“有”
并写出推理过程：
2、有一起谋杀案，发生在一个家庭中，父亲、母亲、儿子、女儿四个成员中，有凶手、目击者、同谋和被害者。已知条件如下：
(1)最年轻者和被害者性别不同
(2)年龄最大的和目击者性别不同
(3)目击者和同谋性别不同
(4)凶手不是最年轻的
(5)父亲是年龄最长者
(6)被害者比同谋年轻
请问四个成员分别对应的身份?
金山软件笔试题目篇
1、有一张表，里面列出了很多种情况，A-H，因为每个题目太长记不清全部内容了，大致的说法如下：
A论坛里有很多玩家说你设计的某个游戏里面哪个门派不够强，其中一个门派还集体说要提升其门派的实力，否则就集体退出游戏。
B你的朋友告诉你游戏还是不要改，不然改了之后骂声更多。
C 客服人员反映说一个VIP玩家建议说有个门派的实力太弱了，要提升一下。
D 一个资深的游戏设计人员告诉你说某个门派的实力太弱，需要加强，但是论坛里该门派并没有类似的反应。
E 公司总裁也是你的游戏玩家，他玩过之后说有个门派实力太弱，该提升。
F 很多玩家反映有一个门派的实力过强，而你恰恰是这个门派的长老，玩过很多时间，进行了一些改进，但是你自己却发觉甚至比以前打敌人更加吃力了。
G 数据显示一个门派的玩家流失率很大，但是却没有相关评价说该门派的实力太弱。
要求对这些重视程度进行排序，然后在每一项后面写出排在该位置的理由，最后再写出你对待每一项的解决办法。
2、涂鸦：在下面画出你想画的任何涂鸦。
篇12：前端面试笔试题
前端面试笔试题
1.XHTML和HTML有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
2.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js;
3.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit,Blink） opera(Presto),Safari(wbkit)
4.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处，用正确的标签做正确的事情！
html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
5.HTML5 为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
6.Doctype作用？标准模式与兼容模式各有什么区别?
!DOCTYPE声明位于位于HTML文档中的第一行，处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和
HTML5？
HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
绘画 canvas
用于媒介回放的 video 和 audio 元素
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除
语意化更好的内容元素，比如 article、footer、header、nav、section
表单控件，calendar、date、time、email、url、search
新的技术webworker, websockt, Geolocation
移除的.元素
纯表现的元素：basefont，big，center，font, s，strike，tt，u；
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签：
IE8/IE7/IE6支持通过document.createElement方法产生的标签，
可以利用这一特性让这些浏览器支持HTML5新标签，
浏览器支持新标签后，还需要添加标签默认的样式：
8.请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
sessionStorage和localStorage的存储空间更大；
sessionStorage和localStorage有更多丰富易用的接口；
sessionStorage和localStorage各自独立的存储空间；
9.如何实现浏览器内多个标签页之间的通信?
调用localstorge、cookies等本地存储方式
【今日头条前端工程师笔试题】相关文章：
6.笔试题
文档为doc格式
