1. 有哪些经典的 Web 前端或者 JavaScript 面试笔试题
一、不定项选择题 （每题3分，共30分）
1. 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:”zhangsan”,show:”alert(this.name)”};
C. var obj = {name:”zhangsan”,show:function(){alert(name);}};
D. var obj = {name:”zhangsan”,show:function(){alert(this.name);}};
2. 以下关于Array数组对象的说法不正确的是（ CD ）
A. 对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数
B. reverse用于对数组数据的倒序排列
C. 向数组的最后位置加一个新元素，可以用pop方法
D. unshift方法用于向数组删除第一个元素
3. 要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ A ）
A. window.status=”已经选中该文本框”
B. document.status=”已经选中该文本框”
C. window.screen=”已经选中该文本框”
D. document.screen=”已经选中该文本框”
4. 点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（ AD ）
A. <input type=”button” value=”new”
onclick=”open(‘new.html’, ‘_blank’)”/>
B. <input type=”button” value=”new”
onclick=”window.location=’new.html’;”/>
C. <input type=”button” value=”new”
onclick=”location.assign(‘new.html’);”/>
D. <form target=”_blank”action=”new.html”>
<inputtype=”submit” value=”new”/>
</form>
2. Web前端题目
答案是D，
Visual Basic电脑版是一种由微软公司开发的包含协助开发环境的事件驱动编程语言。
3. 求web前端面试题库及答案
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的区别是?
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者CSS2.1以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html 表示层 CSS 行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)
10.写出几种IE6 BUG的解决方法
1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
4. web前端面试题@二（Keeplive、V-show和v-if的区别、同源策略及跨域）
在vue中，我们使用component内置组件或者vue-router切换视图的时候，由于vue会主动卸载不使用的组件，所以我们不能保存组件之前的状态，而我们经常能遇到需要保存之前状态的需求，例如：搜索页（保存搜索记录），列表页（保存之前的浏览记录）等等。
Keep-alive是一个vue的内置组件，它能将不活动的组件保存下来，而不是直接销毁，当我们再次访问这个组件的时候，会先从keep-alive中存储的组件中寻找，如果有缓存的话，直接渲染之前缓存的，如果没有的话，再加载对应的组件。
作为抽象组件，keep-alive是不会直接渲染在DOM中的。
Keep-alive提供了三种可选属性
Include-字符串或数组或正则表达式。只有名称匹配的组件被缓存。
Exclude -字符串或数组或正则表达式。名称匹配的组件不会被缓存。
Max -数字类型。表示最多可以缓存多少组件实例。
Keep-alive提供了两个生命钩子，分别是activated与 deactivated。
因为Keep-alive会将组件保存在内存中，并不会销毁以及重新创建，所以不会重新调用组件的created等方法，需要用activated与deactivated这两个生命钩子来得知当前组件是否处于活动状态。
V-show有较高的渲染成本，
V-if有较高的切换成本。
V-if是真正的条件渲染，确保切换过程中条件内的事件监听器和子组件适当的被销毁和重建。
V-show的元素始终被渲染并保存在dom中，操作的只是display属性控制演示影藏。
源（origin）—— 就是协议、域名和端口号。若地址里面的协议、域名和端口号均相同则属于同源。
同源策略——同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。
不受同源策略限制的
1.页面中的链接，重定向以及表单提交是不会受到同源策略限制的。
2.跨域资源的引入是可以的。但是js不能读写加载的内容。如嵌入到页面中的<script src="..."></script>，<img>，<link>，<iframe>等。
跨域——只要协议、域名、端口号有一个不同就是跨域。
跨域的原因？（只做了解）
跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题，比如a标签、script标签、甚至form标签（可以直接跨域发送数据并接收数据）等。
1、 Jsonp——
利用script标签可跨域的特点，在跨域脚本中可以直接回调当前脚本的函数。jsonp是一种常用的跨域手段，和反向代理，服务端做跨域处理相比，jsonp更显得方便轻巧 jsonp的缺点只能发送get请求。因为script只能发送get请求需要后台配合。此种请求方式应该前后端配合，将返回结果包装成callback(result)的形式。
2、 Cors——
服务器设置HTTP响应头中Access-Control-Allow-Origin值，解除跨域限制。CORS 是一个W3C标准,全称是"跨域资源共享"（Cross-origin resource sharing），他允许浏览器向跨源服务器发送XMLHttpRequest请求，从而克服 AJAX 只能同源使用的限制
缺点是：目前所有最新浏览器都支持该功能，但是万恶的IE不能低于10
Access-Control-Allow-Origin 这个字段是必须的,表示接受那些域名的请求(*为所有)、Access-Control-Allow-Credentials 该字段可选, 表示是否可以发送cookie、Access-Control-Expose-Headers 该字段可选,XHMHttpRequest对象的方法只能够拿到六种字段: Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma ,如果想拿到其他的需要使用该字段指定。
3、反向代理（Reverse Proxy）{前端独立就能解决的跨域方案}——
指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。
5. 计算机二级考试 web程序设计考些什么需要学习哪些编程语言javascript是什么跟java什么关系
二级WEB程序设计考试大纲
一、基本要求
1. 掌握Web工作原理，了解Web技术基础知识，熟悉IIS的管理；
2. 掌握静态网页设计技术，熟练掌握网页的HTML代码编写；
3. 熟练掌握一种脚本语言（VBScript或JavaScript）的编程方法，具有较强的客户端动态设计的能力；
4. 熟练掌握ASP工作原理和ASP编程方法，具有较强的服务器端动态设计的能力；
5. 熟悉数据库的操作和SQL语言的运用，熟练掌握ADO工作原理，熟练运用ADO进行数据库的管理；
6. 基本具有小型Web应用系统的综合设计能力。
二、考试范围
（一）Web技术基础
1. Web工作原理：WWW概念和标准、W3C、Web客户端和Web浏览器、Web服务器端和Web服务器；
2. TCP/IP协议、IP地址和域名服务；
3. HTTP和URL： HTTP工作过程、HTTP Request、HTTP Response，URL；
4. IIS的安装、配置和管理；
5. 站点的规划、设计、发布和管理。
（二）静态网页设计
1.静态网页开发技术：页面设计原则、可视化页面设计工具（FrontPage或DreamWeaver）的运用；
2.HTML代码：HTML基本语法、HTML常用标签；
3.XML、DHTML、XHTML。
（三）脚本语言和程序设计（脚本语言任选一种）
1.VBScript：VBScript语法、VBScript数据类型、变量、常
量、数组、运算符、表达式、内部函数、程序控制结构、Sub过程、Function函数，VBScript嵌入HTML；
2.JavaScript：JavaScript语法、JavaScript数据类型及类型转换、变量、数组、操作符、表达式、函数、程序控制结构，JavaScript事件；JavaScript内置对象，对象层次及DOM模型，JavaScript嵌入HTML；
（四）服务器端动态设计
1．ASP工作原理；
2． ASP编程：ASP文件的建立与运行，Response对象、Request
对象、Session对象、Application对象、Server对象、使用Form集合、使用QueryString集合、使用Cookies集合、使用Clinet Certificate集合、文件存取组件FileSystemObject、 a文件；
3．CGI、PHP、JSP的工作原理。
（五）Web数据库应用
1．Access数据库和SQL Server数据库的应用：数据库的建
立、数据表的建立、数据的输入、修改、查询和删除等操作；
2．SQL语言的应用：Select语句查询记录、Insert语句插入
记录、Update语句修改记录、Delete语句删除记录；
3．ODBC数据源的配置与管理：ODBC的概念、ODBC驱动程序、
ODBC数据源的建立、ODBC数据源的配置与管理；
4．ADO访问数据库：ADO工作原理，与ACCESS数据库的连接、
与SQL Server数据库的连接，ADO的Connection对象、ADO的Recordset对象、ADO的Command对象；
5．小型Web应用系统的综合设计
6. web程序设计二级考试考什么
web程序设计二级考试考：Web数据库应用、服务器端动态设计、脚本语言和程序设计、静态网页设计、Web技术基础5个模块的内容。
7. web程序设计二级考试考什么
计算机二级web程序设计考：Web数据库应用、服务器端动态设计、脚本语言和程序设计、静态网页设计、Web技术基础5个模块的内容。
二级Web程序设计是全国计算机等级考试的一个考试项目之一。
Web技术基础：
1．Internet与Web技术的基本概念。
2．Web技术的主要组成。
3．Web浏览器与服务器的基本概念和工作原理。
4．Web应用开发构架和开发技术。
8. 计算机二级《Web程序设计》试题及答案
计算机二级《Web程序设计》试题及答案
1在下列的HTML中，正确产生超链接的标记是()。
A.新浪网B.新浪网C.http：///WWW.sina.Corn.cnD.新浪网
参考答案：B
2下面协议中用于在Web浏览器和服务器之间传输Web文档的是()。
A.NFSB.FTPC.HTTPD.DNS
参考答案：C
3在HTTP响应的MIME消息体中，可以同时包含如下类型的数据()。
i .文本数据 ii.图片数据 iii.视频数据 iv.音频数据
A.仅iB.i和iiC.i、ii和iiiD.全都可以
参考答案：D
4HTTP协议是一种()协议。
A.文件传输协议B.邮件协议C.远程登录协议D.超文本传输协议
参考答案：D
5在HTML文档中使用的注释符号是()。
A.//…B./*……*/C.D.以上说法均错误
参考答案：C
6HTTP请求消息中可以不包含()。
i.开始行 ii.消息头iii.消息体实体数据
A.仅iB.i和iiC.ii和 iiiD.仅iii
参考答案：C
7下列技术中控制文档结构的.是()。
A.DOMB.CSSC.JavaScriptD.XMLHttpRequest
参考答案：A
8下列语言编写的代码中，在浏览器端执行的是()。
A.wt h页面中的c#代码
B.Web页面中的Java代码
C.Web页面中的PHP代码
D.Web页面中的JavaScript代码
参考答案：D
9在HTTP/1.1协议中，持久连接选项是()的。
A.默认关闭B.默认打开C.不可协商D.以上都不对
参考答案：B
10以下不是HTTP协议的特点的是()。
A.持久连接B.请求/响应模式C.只能传输文本数据D.简单、高效
参考答案：C
11下列语句中，正确打开名为“window2"的新窗口的JavaScript语句是()。
A.open.new("http：//www.sina.COB.cn"，"window2")
B.new.window("http：//www.sina.con.cn"，"window2")
C.new("http：//www.sina.com.cn"，"window2")
D.window.open("http：//www.sina.tom.cn"，"window2")
参考答案：D
12以下选项中，全部都是表格标记的是()。
参考答案：B
13下列关于ASP.NET的描述中，错误的是()。
A.ASP.NET依赖于微软的.NET框架
B.ASP.NET采用纯面向对象语言比采用脚本语言的执行效率高
C.ASP.NET采用代码分离技术有利于开发协作
D.ASP.NET和ASP都采用了JavaScript编程语言
参考答案：D
14下列函数中能够把6.25四舍五入为最接近的整数的是()。
A.round(6.25)B.rnd(6.25)C.Math.rnd(6.25)D.Math.round(6.25)
参考答案：D
15目前在Internet上应用最为广泛的服务是()。
A.FTP服务B.Web服务C.Telnet服务D.Gopher服务
参考答案：B
16下列正确地在CSS文件中插入注释的语句是()。
A.//this is a commentB.//this is a comment//C./*this is a comment*/D.'this is a comment
参考答案：C
17下列不属于动态网页格式的是()。
A.ASPB.JSPC.ASPXD.VBS
参考答案：D
18以下语句中，正确制作电子邮件链接的是()。
参考答案：C
19下列哪个样式能够显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边框l像素?()
A.border—width：10px 5px 20px 1px
B.border—width：10px 20px 5px 1px
C.border—width：5px 20px l0px 1px
D.border—width：10px 1px 5px 20px
参考答案：D
20CSS 主要用下列哪个HTML标记构建页面布局?()
参考答案：B
21在下列选项中，正确地产生文本区(textarea)的标记是()。
参考答案：A
22在访问的URL http：//Cms.bit.e.Cn：8080/login.aspx中，http表示()。
A.端口号B.文件名C.访问协议D.主机名
参考答案：C
23下列标记中不属于行内元素的是()。
参考答案：D
24在HTML文档中用于表示页面标题的标记对是()。
参考答案：D
25下列符合CSS语法的正确语句是()。
A.body：color=blackB.{body;color：black}C.body{color：black;}D.{body：color=black}
参考答案：C
更多计算机二级试题推荐：
1. 2016年9月计算机二级web考试试题及答案
2. 计算机二级《Web程序设计》试题及答案
3. 计算机二级考试WEB试题及答案
4. 2016计算机二级考试《Web程序设计》练习题模拟
5. 2016计算机二级考试高级Office试题及答案
6. 2016最新计算机二级考试试题及答案
7. 2016年计算机二级office高级应用试题【题库】
8. 2016计算机二级等级考试题型分析
9. 2016下半年计算机二级ps试题及答案
10. 计算机二级Office考试试题及答案
;9. 腾讯WEB前端笔试题和面试题答案
如下分享是一份完整的腾讯WEB前端笔试题，大家有空可以练一练！
一、耐心填一填!(每空4分，共24分)
1. 为span设置类a与b,应编写HTML代码_
_
_________。
2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。
3. ____li________标签必须直接嵌套于ul、ol中。
4. CSS属性_____margin_______可为元素设置外补丁。
5. 设置CSS属性float的值为___none_________时可取消元素的浮动。
6. 文字居中的CSS代码是____text-align:center________。
二、精心选一选!(每题4分，共16分)
1. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )
A. display:inline B. display:none C. display:block D. display:inheric
2. 选出你认为最合理的定义标题的方法( C )
A. 文章标题
B.
文章标题
C.
文章标题
D. 文章标题
3. br标签在XHTML中语义为( A )
A.换行 B.强调 C.段落 D.标题
4. 不换行必须设置( AC )
A.word-break B.letter-spacing C.white-space D.word-spacing
5. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些
属性值( AD )
A. cellpadding=”0″ B. padding:0 C. margin:0 D. cellspacing=”0″
三、判断对或错!(每题4分，共24分)
1. CSS属性font-style 用于设置字体的粗细。 ( × )
2. CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。 ( √ )
3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。 ( × )
4. 在不涉及样式情况下,页面元素的优先显示与标签选用无关。 ( √ )
5. display:inline兼容所有的浏览器。 ( √ )
6. input属于窗体元素,层级显示比flash、其它元素都高。 ( × ) 1 2