当前位置：文档之家 › Web开发面试题及其答案

Web开发面试题及其答案

  • 格式：doc
  • 大小：47.50 KB
  • 文档页数：10

Web开发面试题及其答案
Web开发面试题及其答案，前端开发面试题及其答案，以下面试题及其答案涉及Web开
发知识点，HTML+CSS以及JavaScript知识点的面试题。

HTML+CSS
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、
结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更
广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提
供打印版本而不需要复制内容、提高网站易用性；

和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档
加入XMl声明可触发，解析方式更改为 拥有的bug
4.行内元素有哪些块级元素有哪些CSS的盒模型
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding
引入的方式有哪些 link和@import的区别是
内联 内嵌 外链 导入
区别 ：同时加载
前者无兼容性，后者以下浏览器不支持
Link 支持使用javascript改变样式，后者不可
选择符有哪些哪些属性可以继承优先级算法如何计算内联和important哪个优先级高
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么作用是什么
结构层 Html 表示层 CSS 行为层 js
的基本语句构成是
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过这些浏览器的内核分别是什么
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)
10.写出几种IE6 BUG的解决方法
1.双边距BUG float引起的 使用display
2.像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
z-index问题 给父级添加position:relative
透明 使用js代码 改
最小高度 ！Important 解决’
在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用
over:hidden,zoom: line-height:1px）

11.标签上title与alt属性的区别是什么
Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息
12.描述css reset的作用和用途。
Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们
统一

13.解释css sprites，如何使用。
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
14.浏览器标准模式和怪异模式之间的区别是什么
盒子模型 渲染模式的不同
使用 可显示为什么模式
15.你如何对网站的文件和资源进行优化期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
16.什么是语义化的HTML
直观的认识标签 对于搜索引擎的抓取有好处
17.清除浮动的几种方式，各自的优缺点
1.使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）
2.使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用
zoom:1用于兼容IE）

3.是用afert伪元素清除浮动(用于非IE浏览器)
Javascript

的typeof返回哪些数据类型
Object number function boolean underfind
2.例举3种强制类型转换和2种隐式类型转换
强制（parseInt,parseFloat,number）
隐式（== – ===）
() join() 的区别
前者是切割成数组的形式，后者是将数组转换成字符串
4.数组方法pop() push() unshift() shift()
Push()尾部添加 pop()尾部删除
Unshift()头部添加 shift()头部删除
5.事件绑定和普通事件有什么区别
和DOM事件流的区别
1.执行顺序不一样、
2.参数不一样
3.事件加不加on
指向问题
和标准下有哪些兼容性的写法
Var ev = ev ||

|| target = ||
请求的时候get 和post方式的区别
一个在url后面 一个放在虚拟载体里面
有大小限制
安全问题
应用不同 一个是论坛等只需要请求的，一个是类似修改密码的
和apply的区别
(this,obj1,obj2,obj3)
(this,arguments)
请求时，如何解释json数据
使用eval parse 鉴于安全性考虑 使用parse更靠谱
继承a的方法
12.写一个获取非行间样式的函数
function getStyle(obj,attr,value)
{
if(!value)
{
if
{
return (attr)
}
else
{
(attr,false)
}
}
else
{
[attr]=value
}
}

13.事件委托是什么
让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
（例子可见此链接）
14.闭包是什么，有什么特性，对页面有什么影响
闭包就是能够读取其他函数内部变量的函数。
[此链接可查看（问这个问题的不是一个公司）]
15.如何阻止事件冒泡和默认事件
canceBubble return false
16.添加 删除 替换 插入到某个接点的方法
()
17.解释jsonp的原理，以及为什么不是真正的ajax
动态创建script标签，回调函数
Ajax是页面无刷新请求数据操作
的本地对象，内置对象和宿主对象
本地对象为array obj regexp等可以new实例化
内置对象为gload Math 等不可以实例化的
宿主为浏览器自带的document,window 等
load 和document ready的区别
是在结构和样式加载完才执行js
原生种没有这个方法，jquery中有 $().ready(function)
20.”==”和“===”的不同
前者会自动转换类型
后者不会
的同源策略
一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机
名、协议和端口号的组合

22.编写一个数组去重的方法
function oSort(arr)
{
var result ={};
var newArr=[];
for(var i=0;i<;i++)
{
if(!result[arr])
{
(arr)
result[arr]=1
}
}
return newArr
}

合集下载

web面试题及答案

web面试题及答案

web面试题及答案1. 介绍Web开发中常用的前端技术栈？Web开发中常用的前端技术栈包括HTML、CSS和JavaScript。

HTML（超文本标记语言）用于创建网页的结构和内容。

CSS（层叠样式表）用于为网页添加样式和美化效果。

JavaScript是一种动态编程语言，用于实现网页的交互和动态效果。

2. 解释什么是响应式设计（Responsive Design）？响应式设计是一种设计理念和技术，旨在使网站能够自适应不同的设备和屏幕尺寸，提供良好的用户体验。

通过使用流动网格布局、媒体查询和弹性图像等技术，使网页能够根据设备的特点和尺寸自动调整布局和元素的大小，确保在手机、平板电脑和桌面电脑等不同设备上都能正常显示和操作。

3. 请解释一下什么是AJAX？AJAX（Asynchronous JavaScript and XML）是一种在网页上进行异步数据交互的技术。

它允许我们以无需刷新整个页面的方式向服务器发送请求，并在后台获取数据。

通过利用JavaScript和XMLHttpRequest对象，可以在不干扰用户当前页面的情况下，向服务器发送请求并动态更新页面的内容。

4. 在Web开发中，什么是跨域访问？跨域访问是指在浏览器端发起的AJAX请求的目标资源与当前页面所在的域名不一致。

浏览器出于安全考虑，限制了跨域访问。

为了实现跨域访问，可以使用CORS（跨域资源共享）机制、JSONP（JSON with Padding）或者代理服务器等方式进行处理。

5. 请解释一下什么是同步和异步？同步和异步是指程序的执行方式。

- 同步：同步操作是指一个任务必须等待另一个任务完成后才能继续执行。

在同步操作中，任务按照顺序依次执行，当前任务完成后才能执行下一个任务。

- 异步：异步操作是指一个任务的执行不会阻塞其他任务。

在异步操作中，任务的执行不需要等待其他任务的完成，可以立即进行，任务之间可以独立执行。

在Web开发中，常见的异步操作包括Ajax请求、定时器、事件处理等。

web工程师 面试题及答案

web工程师 面试题及答案

web工程师面试题及答案Web工程师面试题及答案Web工程师（Web Engineer）是指专门从事Web开发与设计的技术人员，拥有丰富的前端和后端开发经验，能够搭建高效稳定的Web应用。

在Web工程师的招聘过程中，公司通常会设置一系列的面试题来评估应聘者的技能水平和工作经验。

以下是一些常见的Web工程师面试题及其答案，供参考。

面试题一：简述前端开发的基本流程。

答案：前端开发的基本流程包括需求分析、页面设计、页面制作、功能开发和测试等几个阶段。

1. 需求分析：了解项目的具体需求和功能要求，与产品经理、设计师、后端工程师等进行沟通，确定页面的基本结构和功能。

2. 页面设计：根据需求分析的结果，进行页面的设计，包括页面布局、色彩搭配、字体选择等，通常使用工具如Photoshop、Sketch等进行设计。

3. 页面制作：根据设计好的页面图，使用HTML、CSS和JavaScript等技术进行页面的编写和布局，保证页面在不同浏览器和设备上的兼容性。

4. 功能开发：根据需求分析，开发页面中需要的功能，如表单提交、数据交互、动画效果等，使用前端开发框架和库如React、Vue.js等提高开发效率。

5. 测试：完成页面制作和功能开发后，进行测试和调试，确保页面的稳定性和用户体验的良好。

面试题二：请解释什么是SPA（Single-Page Application）？列举几个常见的SPA框架。

答案：SPA是一种使用单个Web页面的应用程序，通过动态加载页面的内容实现与用户的交互，减少了传统Web应用中的页面切换和加载延迟。

常见的SPA框架有以下几个：1. React：由Facebook开发的JavaScript库，用于构建用户界面。

React采用组件化的开发模式，提供了强大的生命周期管理和虚拟DOM技术，方便开发者构建可复用的UI组件。

2. Angular：由Google开发的前端开发框架，常用于大型Web应用的开发。

web面试题及答案

web面试题及答案

web面试题及答案在互联网行业中，Web开发工程师是一个非常热门且吃香的职业。

为了求职成功，掌握一些常见的Web面试题是非常重要的。

本文将为大家整理了一些常见的Web面试题及答案，希望能够帮助大家顺利通过面试。

第一部分：HTML1. 什么是HTML？HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。

它使用标记标签来描述网页的结构和内容。

2. 什么是HTML5？HTML5是HTML的第五个重要版本，是Web开发中最新的标准。

它引入了许多新的元素和属性，使网页的结构可以更加丰富和语义化。

3. DOCTYPE的作用是什么？DOCTYPE是一种文档类型声明，用于告诉Web浏览器使用哪个HTML版本来解析网页。

4. HTML和HTML5的区别是什么？HTML5引入了许多新的标签和API，如：<article>、<section>、<canvas>，以及具备更好的语义化、多媒体支持和更强大的表单验证等功能。

第二部分：CSS1. 什么是CSS？CSS（Cascading Style Sheets）是一种用于描述网页样式和排版的语言。

它定义了网页的布局、颜色、字体等外观样式。

2. 什么是选择器？选择器是用来指定要应用样式的HTML元素的规则。

常见的选择器包括类选择器（.class）、ID选择器（#id）和标签选择器（tag）。

3. 如何居中一个元素？可以通过设置元素的margin属性为auto来实现水平居中。

例如，margin: 0 auto;即可将一个块级元素水平居中。

4. 如何隐藏一个元素？可以使用display属性将元素设置为none，例如，display: none;。

这样就可以在页面上隐藏该元素。

第三部分：JavaScript1. 什么是JavaScript？JavaScript是一种用于网页交互的编程语言。

它可以改变网页的内容、样式和行为，使得网页具有更多的动态效果。

web面试题及答案

web面试题及答案

web面试题及答案web面试题及答案(一)1.说出Servlet的生命周期，并说出Servlet和CGI的区别?Web容器加载servlet并将其实例化后，servlet生命周期开始，容器运行其init方法进行servlet的初始化，请求到达时运行其service方法，service 方法自动派遣运行于请求对应的doXXX方法(doGet,doPost)等，当服务器决定将实例销毁的时候调用其destroy方法。

与CGI的区别在与servlet处于服务器进程中，它通过多线程方式运行其service方法，一个实例可以服务于多个请求，并且其实例一般不会销毁，而CGI对每个请求都产生新的进程，服务完成后就销毁，所以效率上低于servlet。

2.forward和redirect的区别?forward是容器中控制权的转向，是服务器请求资源，服务器直接访问目标地址的URL，把那个URL的响应内容读取过来，然后把这些内容再发给浏览器，浏览器根本不知道服务器发送的内容是从哪儿来的，所以它的地址栏中还是原来的地址。

redirect就是服务器端根据逻辑，发送一个状态码，告诉浏览器重新去请求那个地址，一般来说浏览器会用刚才请求的所有参数重新请求，所以session,request参数都可以获取，并且从浏览器的地址栏中可以看到跳转后的链接地址。

前者更加高效，在前者可以满足需要时，尽量使用forward()方法，也有助于隐藏实际的链接;在有些情况下，比如需要跳转到一个其它服务器上的资源，则必须使用sendRedirect()方法。

3.JSP中动态include与静态include的区别?动态include用jsp:include动作实现它总是会检查所包含文件中的变化，适合用于包含动态页面，并且可以带参数;静态include用include伪码实现，它不会检查所含文件的变化，适用于包含静态页面4.JSP的有哪些内置对象，作用分别是什么?request:表示HttpServletRequest对象，它包含了有关浏览器请求的信息，并且提供了几个用于获取cookie,header和session数据的有用方法;response:表示HttpServletResponse对象，并提供了几个用于设置送回浏览器的响应的方法(如cookies,头信息等。