前端测试题

Web前端开发面试题 一、描述题（每题2分共20题） 1、简要的描述一下W3C组织的工作职责 答：W3C（万维网联盟）为解决Web应用中不同平台、技术和开发者带来的不兼容性，保障Web信息的顺利和完整流通，网页开发从此在结构、表现、行为上相分离。 2、目前常用的WEB标准静态语言是： 答：XHTML 3、内联元素有哪些？块级元素有哪些？CSS的盒模型有哪些属性？ 答：内联元素有a, span, img, input, select, strong等。块级元素有div, ul, ol, li, dl,dt,dd, h1,h2…,p。盒模型:margin, padding,width,height,border。 4、改变元素的外边距和内填充用什么？ 答：margin padding 5、对ul li的样式设成无，应该是用什么属性？ 答：list-style-type:none; 6、color:#666666;可缩写为什么? 答：color:#666; 7、合理的页面布局中常听说结构与表现分离，那么结构和表现分别指什么？ 答：结构为xhtml，表现为css 8、举例你在实践中遇到的IE6 bug，并谈谈解决方案 答：如浮动产生双倍边距，用display:inline解决 9、谈谈不同浏览器的css hack做法 答：所有浏览器通用：height:10px; IE6专用：_height:10px;IE6,IE7公用：*height:10px;IE7专用：*+height:10px;IE7,IE8,FF公用：height:10px !important; 10、CSS中哪些属性可以同父元素继承？ 答：color, font-size 11、你如何理解HTML结构的语意化？ 答：html本身是没有表现的，我们看到例如h1是粗体，字体大小2em,加粗；strong是加粗的，不要认为这是html，这些其实是html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML特点，但是浏览器都有默认的样式，默认的样式目的也是为了更好的表达html的语义，可以说浏览器的默认样式和HTML结构是不可分割的 12、谈谈对css模块化设计的看法？ 答：css模块化开发是css开发者们都会使用到的方法，它具有结构良好，扩展性强，重用性好等特点，同时有利于团队之间的合作。 13、谈谈对css sprite技术的看法 答：css sprite是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张图片中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一张一张的慢慢显示出来了，对于当前网络流行的速度不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题，加速的关键，不是降低重量，而是减少个数，传统的切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小计算机统一都按byte计算，客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，

js_ext_jquery面试题

对js,ext,jquey的总结 一：js面试题 1.js中到的String你是怎么理解的 答:String是js中唯一可以变长的长度到值,存储方式是以数组存储的一般组合alert使用 \n:是代表回车 \r是代表换行 2.写js代码的时候要注意的语法 答:1.区分大小写 2.变量类型是弱类型 var 3.注释 //单行注释 /** 多行注释 **/ 4.变量名要是字母下划线 $ 5.数据类型: * 原始数据类型(栈) boolean,null,undefind,number,String * 引用数据类型(堆)比如对象 3.强类型变量和弱类型变量到区别 1.强类型变量:编译前必须要声明----->基于java 2.弱类型变量:编译前不需要声明(使用前不需要声明 , 而是解释器在运行时检查数据类型)---->js 3.在js中function()表示什么? 可不可以重载? function的声明方式? 答: 1.可以表示为---> 类 , 对象 , 方法 , 构造器 2.不可以重载(当function()的名字相同--->后面到会覆盖前面到)

3.function()是所有函数到父类例如:function 函数名(参数列明){ } 4.js的特点 答: 1.脚本语言,基于对象 2.基于java的,基于语句和控制流之上简单而紧凑 3.动态的脚本语言 4.依赖于浏览器本身于操作环境无关 5.以字符串解析执行 5.给你一页面，要你写JS代码拿对象，得到它值，然后进行一些操作 答: 第一种方法是 document.getEelementById("标签里面到id属性").value; 第二种方法是 document.getEelementsByName("标签里面name属性 ").value; 第三种方法是直接用document点name里面到属性例 如:document.xxx.xxx.value 这样就可以拿到值 6.你是怎么理解js里面到this关键字 答:this是对当前对象的引用,在js中由于对象到引用是多层次的,为了避免乱(谁调用了它,它就会指向谁) 7.js里面的警告框和询问框确认框有什么作用 答: 1.警告框为了输出js调式用例:alert("我是用于js调式"); 2.询问框为了询问你通不通过例:提问 var number=prompt("你到分数") if(number>100){通过}else{没有通过} 3.确认框为了让你确认的例: 确认 var name = confirm("js菜鸟") if(name==true){彼此彼此}else{你才是菜鸟} 8.js是的组成分为哪三部分 答:核心(Ecmscript) , 文档对象模型 , 浏览器对象模型 9.在js里面跳转一个页面用什么方法

jQuery面试题答案

jQuery面试题答案 一、Jquery测试题 下面哪种不是jquery的选择器？(单选) A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器 考点:jquery的选择器(C) 当DOM加载完成后要执行的函数，下面哪个是正确的？(单选) jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 考点：jquery的核心函数(C) 下面哪一个是用来追加到指定元素的末尾的？(单选) A、insertAfter() B、append() C、appendTo() D、after() 考点：jquery的核心函数(C) 下面哪一个不是jquery对象访问的方法？(单选) A、each(callback) B、size() C、index(subject) D、index() 考点：jquery的核心函数之对象访问（D） jquery访问对象中的size()方法的返回值和jQuery对象的_______属性一样. 考点：jquery的核心函数之对象访问（length） jquery中$(this).get(0)的写法和__________是等价的。 考点：jquery的核心函数之对象访问（$(this)[0]） 7. 有这样一个表单元素 ，想要找到这个hidden元素，下面哪个是正确的？(单选) A、visible B、hidden C、visible() D、hidden() 考点：jquery的选择器（B） 如果需要匹配包含文本的元素，用下面哪种来实现？(单选) A、text() B、contains() C、input() D、attr(name) 考点：jquery的选择器（B） 现有一个表格，如果想要匹配所有行数为偶数的，用________实现，奇数的用_______实现。 考点：jquery的选择器（even,odd） 如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选) A、text() B、get() C、eq() D、contents（） 考点：jquery的选择器（C） 在一个表单里，想要找到指定元素的第一个元素用_________实现，那么第二个元素用_________实现。 考点：jquery的选择器（first,eq(1)）

IT综合面试题(1-80题)

综合面试题（1-80题） 1、写出6个java 常用的包 答：（1）https://www.sodocs.net/doc/579770544.html,ng包（2）java.util包（3）java.io包 （4）java.awt包(5)javax.swing包（6）https://www.sodocs.net/doc/579770544.html,包 2、写出java 类的super 和this 区别 答：super表示超（父）类的意思，this代表对象本身。 3、写出tomcat默认端口号，以及修改 答：在server.xml的修改里面port值 4、写出生成20个随机数，并用冒泡排序 答：int temp=0;//设置一个临时变量 int[] demo={3,5,1,4,2}; for(int i=1;i

} } } //输出 for(int k=0;k用户名： 密码：

web前端面试题及答案

1.WEB标准以及W3C标准是什么 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 中img怎么水平和垂直居中 Div{width:200px; height:200px;text-align:center; font-size:0; overflow: hidden;line-height:200px; _line-height:178px;/*兼容IE6*/ } Img{ vertical-align:middle;} HTML中没有单位的属性是 z-index:1; zoom:1; font-weight:200; form表单中input标签的readonly 和disabled属性有何区别 readonly=“readonly”是只读，不可以修改，disabled=“disabled”是禁用，整个文本框是显示灰色状态 form 中method是数据传递的方式，action是与后台数据库提交的 2.xhtml和html有什么区别 XHTML 元素必须被正确地嵌套，闭合，区分大小写，文档必须拥有根元素。 3.行内元素有哪些块级元素有哪些 行内元素: a b img em br i span input select 块级元素：div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么区别 行内元素不可以设置宽高，不独占一行; 块级元素可以设置宽高，独占一行。 5.我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗 margin-top,padding-top无效 的盒模型由什么组成 内容（width,height），border ,margin，padding 简述div+css布局的优势 （1）符合w3c标准；（2）兼容性好；（3）有利于搜索引擎很友好；（4）样式的调整更加方便；（5）css简洁的代码，能使样式和结构分离； 7.说说display属性有哪些可以做什么 display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 display:box(css3新增的弹性布局属性) 选择符有哪些 选择器（# myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul < li） 6.后代选择器（li a）

JQuery面试题

JAVA面试试题集 1. 在公司是怎么用jQuery的？ 基本选择器：1 基本选择器。 #id：id选择器。 .class：类选择器. 标签选择器：根据指定的元素名匹配元素。 群主选择器:将每一个匹配的元素合并并返回,以分号隔开。 *：通配符选择器，匹配所有的元素。 2 层次选择器 空格：选取指定元素的后代元素。 >：选取指定下的所有子元素。 +：选取紧接着的兄弟元素。 ~：选取元素后的所有兄弟元素。 3 滤选择器：基本过滤选择器，内容过滤选择器，可见性选择器，属性选择器，子元素选择器等。 动画效果：在登陆页面时使用过fadeIn()和fadeOut()方法修改元素的不透明度。 hide和show：同时修改多个样式属性即高度，宽度和不透明度。 fadeIn()与fadeOut()：只改变不透明度。 slideUp()和slideDown()：只改变高度。 fadeTo()：用来代替fadeIn()与fadeOut()方法，只改变不透明度。 toggle()：用来代替hide()和show()方法，所以会同时修改多个样式属性即高度，宽度和不透明度。 slideToggle()：用来代替slideUp()和slideDown()方法，所以只改变高度。 animate()：属于自定义动画的方法，可以代替其他任何动画。 stop()：停止动画。 合成事件：使用过鼠标悬停事件，到鼠标移至某个地方时就触发指定功能。 bind()：为匹配的元素绑定一个事件处理器。 hover：模拟光标悬停事件，当光标移动到元素上是就触发第一个函数，相反就触发第二个函数。 toggle：模拟鼠标连续点击事件，第一次点击调用第一个方法，第二次单击调用第二个方法，依次类推， 直到调到最后一个，随后轮番调用。 unbind()：移除事件。 one()：在执行完一次以后，处理函数立即被删除。 2. 为什么要使用jquery？ 因为jQuery是轻量级的框架，大小不到30kb,它有强大的选择器，出色的DOM操作的封装，有可靠的事件处理机制， 完善的ajax，出色的浏览器的兼容性，而且支持链式操作，隐式迭代，行为层和结构层的分离，还支持丰富的插件， jquery的文档也非常的丰富。 3. 你觉得jquery有哪些好处？ 轻量级的框架，强大的选择器，出色的DOM封装，可靠的事件处理机制，完善的Ajax，出

JAVAWEB综合笔试题

选择题（针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。1-50题，每题2分） 1）在Oracle中，假设需要从学员表（student）中查询学员的毕业时间（graduatetime）并按照年/月/日的格式输出，则以下SQL语句正确的是（）。(选择一项) a)SELECT EXTRACT(Y FROM s.graduatetime)||'/'|| EXTRACT(M FROM s.graduatetime)||'/'|| EXTRACT(D FROM s.graduatetime) FROM students; b)SELECT EXTRACT(YEAR s.graduatetime)||'/'|| EXTRACT(MONTH s.graduatetime)||'/'|| EXTRACT(DAY s.graduatetime) FROM students; c)SELECTEXTRACT(YEAR FROM s.graduatetime)||'/'|| EXTRACT(MONTH FROM s.graduatetime)||'/'|| EXTRACT(DAY FROM s.graduatetime) FROM students; d)SELECT EXTRACT(YEAR(s.graduatetime))||'/'|| EXTRACT(MONTH(s.graduatetime))||'/'|| EXTRACT((DAYFROMs.graduatetime)) FROM students; 2）在Linux系统中，（）命令可以用来分页查看文件的内容。(选择二项) a)more b)less c)cat d)tailf 3）查询新闻明细表（news_detail），要求在新闻列表页面展现新闻数据，每页显示5条数据（pageSize=5），前台提供参数：页码（pageNo），请补全下面分页sql语 句（）。注：mysql数据库 SELECT*FROMnews_detail ORDERBYcreateDateDESC______(1)_______(选择一项) a)LIMIT pageNo,pageSize b)LIMIT(pageNo-1),pageSize c)LIMIT(pageNo-1)*pageSize,pageSize d)LIMIT pageSize,(pageNo-1)*pageSize 4）在CSS中，关于背景属性的合写，下列代码正确的是（）。(选择一项)

jquery考试题

1.下面哪种不是jquery的选择器？(D) 2.A、基本选择器B、后代选择器C、类选择器D、进一步选择器 3.当DOM加载完成后要执行的函数，下面哪个是正确的？(C) 4.A.jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback) D、jQuery(elements) 5.下面哪一个是用来追加到指定元素的末尾的？() 6.A、insertAfter() B、append() C、appendTo() D、after() 7.下面哪一个不是jquery对象访问的方法？(D) 8.A、each(callback) B、size() C、index(subject) D、index() 9.有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(B) 10.A、visible B、hidden C、visible() D、hidden() 11.如果需要匹配包含文本的元素，用下面哪种来实现？(B) 12.A、text() B、contains() C、input() D、attr(name) 13.如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(C) 14.A、text() B、get() C、eq() D、contents（） 15.下面哪种不属于jquery的筛选？（B） 16.A、过滤B、自动C、查找D、串联 17.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（D） 18.A、append(content) B、appendTo(content) C、

互联网大公司面试笔试题前端

问答题 1、HTML 中的table 元素有2 种布局(table-layout)算法，请给出默认值。并详细说明为什 么fixed 布局要比auto 快？ 编程题 1、版本排序 题目描述：去哪儿前端技术团队一直很富有创新性，经常为了解决实际工作的一些痛点，自主开发一些工具，来解决这些问题。这样，工具的版本就成为了很重要的一个点，开发者如何提供正确版本，使用者如何获取正确版本，都是十分重要的。因此，版本都会遵循业界统一的规范---SemVer。常规版本规则如下： (1) 版本格式：主版本号.次版本号.修订号，例如1.2.3，版本的三个位数都必须存在，并且为0 到999 之间的整数。 (2) 主版本号：当你做了不兼容的功能修改 (3) 次版本号：当你做了向下兼容的功能性新增 (4) 修订号：当你做了向下兼容的问题修正 当然，使用者不一定会指定版本号，可能使用通配符（例如***）未自动获取满足条件的最新版本。（在本题中，只考虑这种情况表示匹配任意版本例如2.2.*，可以匹配所有 2.2.1，2.2.2 等；） 现在会给出一个版本列表，并给出使用者的匹配规则，找出符合版本规则而且满足条件的最新版本，并输出，如果没有找到相应结果，则输出0. 输入 输入第一行是一个整数N，之下N(0

2.1.8 2.1.0 2.1.* 样例输出 2.1.8 2、在去哪儿，前端工程师，在日常工作中，经常会使用到模版引擎，比较常用的有jQuery Template、artTemplate、Mustache 等。现在要求你实现一个简单的类似于 Mustache 的模版引擎，根据传入的模版字符串和数据，替换模版字符串中的标签，输出 出对应的HTML 片段。 需要支持的模版标签有： （1）{{keyName}}：输出对象中属性名为keyName 的值。需要支持多级属性，比如{{https://www.sodocs.net/doc/579770544.html,2}}; (2) {{keyName}}content{{/keyName}}：keyName 对应的值为“真”时，输出content，为 “假”时不输出 (3) {{#arr}}content{{/arr}}：arr 对应的值为“假“时，输出content 为“真”时不输出； (4) {{.}}表示数组遍历中当前的元素（可以只考虑基本数据类型）。 (5) {{^keyName}}content{{/keyName}}：keyName 对应的值为“假”时，输出content，为 “真”时不输出； 注意：如果给定的数据中，没有对应的属性字段，标签替换为空。 输入： 第一行出入模版字符串（长度不超过1000），字符串中可以包含模版标签，也可以不包括标签。 第二行输入需要渲染的数据（JSON 字符串，长度不超过1000）。 输出： 输出对应的HTML 的片段。 代码输入：

Welcome Qunar-Man

最新AJAX笔试题

单项选择题（每题2分，共60分） 1.在Ajax技术中，实现控件CollapsiblePanel 垂直显示、失去焦点时自动折叠，需要依次设置（A）。 A、ExpandDirection、AutoCollapse B、ExpandDirection、Collapsed C、CollapsedSize、Collapsed D、ExpandDirection、AutoExpand 2.以下( D )技术不是Ajax的常用技术。 A、JavaScript B、XML C、CSS D、Cache 3.以下选项中（D ）不是https://www.sodocs.net/doc/579770544.html, AJAX框架的组成部分。 A、AJAX ControlToolkit工具包 B、AJAX TCP增强组件 C、AJAX Library类库 D、Web Service https://www.sodocs.net/doc/579770544.html,中AJAX框架技术的Accordion控件的（A ）属性用来设置菜单标题样式。 A、HeaderCssClass B、ContentCssClass。 C、HeaderTemplate D、ContentTemplate 5.在jQuery中，关于数据缓存描述错误的是（D）。 A、data()方法有两个参数，第一个是键值，第二个是设置的值。 B、获取缓存数据采用data()方法，它的参数是设置的键值。 C、removeData()，移除存放的数据。 D、缓存数据是存储在Cookies中的 6.在jQuery中，$("div>ul>li:last").text()的值是（B）。

WEB面试题(不带答案)

WEB面试题 1、当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载：（） A、ASP B、HTML C、ZIP D、CGI 2、常用的网页图像格式有：（） A、gif，tiff B、tiff，jpg C、gif，jpg D、tiff，png 3、下列哪一项表示的不是按钮：（） A、type=＂submit＂ B、type=＂reset＂ C、type=＂image＂ D、type=＂button＂ 4、下列哪一项是在新窗口中打开网页文档：（） A、_self B、_blank C、_top D、_parent 5、下面关于DIV和SPAN标记的描述，错误的是( ) A、DIV默认情况下是块模式，即标记前后有类似换行符一样的功能； B、SPAN默认情况下是行模式，即标记前后内容在同行显示； C、DIV和SPAN标记行块模式，可以通过CSS的Display属性予以调整； D、前后两个DIV标记块的内容，不能出现在同一行； 6、下面关于CSS的描述，错误的是( ) A、CSS内容可以写在标记内的Style属性中，也可以写在一个外部的CSS 文件中； B、CSS内容前后有化括弧({})，每个属性之间用分号分隔，属性与属性值之 间用冒号隔开； C、在jQuery中，可以对选中标记进行一个或者多个属性及属性值的设置； D、对于某ID属性对应的标记进行CSS定义时，对同一个CSS属性进行了两 次设置，将以第一次定义为准，系统将自动忽略其后相同定义； 7、下面关于IMG标记的描述，错误的是( ) A、IMG标记的src属性用于确定图片的位置； B、IMG标记src属性所标记的图片，可以来自网页所在位置或相对该位置的 其他位置； C、IMG标记的src属性不能引用其他其他网址的图片； D、如果网页中应用了IMG且其src属性书写正确，图片也确实存在，则将 网页拷贝到其他位置时，其图片也将自动复制到该位置； 8、下面关于JavasSript的描述，错误的是( ) A、目前几乎所有浏览器都默认支持JavaScript程序； B、通过浏览器设置，可以禁止JavaScript程序的运行； C、在网页中使用JavaScript程序，仅能在Script标记对间； D、JavaScript程序可以保存在一个独立的文件中，通过Script标记的Src 属性引用该文件；

2016前端面试题第一套含答案

1) 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度
a. display:inline b. display:none c. display:block d. display:inherit
2) css 属性 overflow 属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都 会提供一种滚动机制。
True False 3) 新窗口打开网页，用到以下哪个值（）。
a. _self b. _blank c. _top d. _parent 4) 下面有关 jquery 事件的响应，描述错误的是？ a. b. c. d. onclick 鼠标点击某个对象 onfocus 元素失去焦点 onload 是某个页面的 css js html 文档结构和图像被完成加载 onmousedown 某个鼠标按键被按下
5)
元素的 alt 和 title 有什么异同，选出正确的说法？不同的浏览器，表现一样
a. alt 和 title 同时设置的时候，alt 作为图片的替代文字出现，title 是图片的解释文字 b. alt 和 title 同时设置的时候，title 作为图片的替代文字出现，alt 是图片的解释文字 c. 以上说法都不正确
6) 下列 js 可以让一个 input 的背景颜色变成红色的是？
A. inputElement.style.backgroundColor = 'red'; b. inputElement.backgroundColor = 'red'; c. inputElement.style.backgroundColor = '#0000'; d. inputElement.backgroundColor = '#0000';