Ⅰ 求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)
Ⅱ web在线考试系统步骤
Web在线考试系统组织一场在线考试的步骤如下:
一、注册账号并登录
提醒:填写正确的手机号码和邮箱,因为后期很多的服务提醒都是根据这个来发送的。
手机号码后期可以更改,但是邮箱的话是唯一识别ID,后续不可以变更的。
特别说明:
如果是多选题,考试云还支持按比例得分,或者漏选固定得分;
同样发布成绩,考试云支持考完即发布,也可以固定时间统一发布,还可以手动发布。
步骤四:一键发布,邀请考生参考
支持:微信扫码、链接、邮箱通知等多种方式,通知考生参考。
以上就是考试云web在线考试系统的所有基础操作步骤了,希望能帮到你。
Ⅲ WEB 数据库的题目
11、已知数据库的排序规则是默认设置。在northwind 数据库中有一个表[order details],表示所有定单的详情,该表中有一列quantity,表
示定单中某产品的数量。你想实现按照产品数量从大到小排序来查询定单,使用order by 子句为(a)。
a、Select * from [order details] Order by quantity desc
b、Select * from order details Order by quantity asc
c、Select * from [order details] Order by quantity
d、Select * from [order details] Order by desc quantity
14.在ASP页面中用到的创建ActiveX组件实例的方法是(a)
a、server.createobject b、server.HTMLEncode
c、server.mappath d、server.servervariables
15. 请问Mid(“I am a student”,8,4)的结果是(a)
a、stud b、tude c、uden d、dent
16.请问Len(“我是中国人”)的结果是(5)
a、6 b、8 c、10 d、5
17、下面程序段执行完毕,页面上的显示内容是什么?(a)
<%
response.write "同学们"
Response.end
response.write "你们好!"
%>
a、同学们 b、你们好! c、同学们你们好! d、同学们(换行)你们好!
18、下面程序段执行完毕,页面上的显示内容是什么?(c)
<%
response.write "同学们"
Response.clear
response.write "你们好!"
%>
a、同学们 b、你们好! c、同学们你们好! d、同学们(换行)你们好!
19、对于下面的ASP代码,<a href=”index.asp?username=张三&pwd=1234”要获取参数username的值,正确的语句是(b,c)
a、request.form(“username”)
b、request(“username”)
c、request.querystring(“username”)
d、request.feilds(“username”)
20、Inputbox函数返回的值是(c)类型
a、数值型 b、bool型 c、字符串型 d、浮点型
msgbox函数返回的值是(b)类型
a、数值型 b、bool型 c、字符串型 d、浮点型
二、 填空题
1、 网站链接中,在同一个网站内部的链接叫做___站内链接/内链__________,不同网站文档之间的链接叫做______外部链接/外链
_______,在同一网页指定位置的链接叫做__________锚点_______。
2、 ASP的五大内部对象包括 、 、 、
request,response,server,cookie,session
3、 把数值型转换为字符串型的VbScript函数是___cstr()_____;把字符串转换为整数VbScript函数是___cint/int/fix______。
4、 返回指定字符的ASCII码的函数是___asc_____;根据一个ASCII码值返回指定字符的函数是 __chr_______。
5、一段连接数据库的代码
<% set conn=server.creatobject("adodb.connection")
Connstr= "DSN=____数据源名____;UID=__用户名______;PWD=_____密码___;"
conn.open Connstr
%>
6、HTML标记,可单独使用或嵌入在各个ASP脚本单元中,以" ___<% %>______"为定界符;VBScript(或JScript)语句,可单独使用或嵌入在各
个ASP脚本单元中,以___<script language="vbscript" runat="server"></script>______为定界符, ASP脚本命令,可单独使用或包含在此和〈/html〉内,以"___<%%>______"为定界符。
不知道对不对,已经很久没用过ASP的内容了.
Ⅳ Java Web应用开发 选择题10道
1.B
2.C
3.B
4.B
5.A
6.B
7.A
8.D
9.C
10.A
Ⅳ 18版的未来教育web题答案可靠吗
可靠。未来教育计算机二级Web为求学者准备了多种继续教育服务带并,全面覆盖了数据库程序设计、西药学、护理学、临床执业、系统开发工程蠢岁等科目的题型,根据查询资料,18版带行睁的未来教育web题答案可靠,未来教育系统包含了非常丰富的知识。
Ⅵ WEB试题!
学习是要靠自己的,这些都不难,不懂可以再网上、书上找,教程很多。
Ⅶ WEB系统问题排查
当问题出现,第一反应是估计影响范围。如当有用户反馈页面白屏,打不开时。需第一时间确认影响范围。具体操作流程如下:
当问题是局部发生的时候。则需进行排查。首先查看服务器各个集群的状态:
日志的排查不能是漫无目的的,需要根据问题的情况及对业务的了解,先后的去排查可能相关的日志。
问题一般在如上的流程中都能定位出来。如果定位不出来:
==让自己冷静下来,停下来一分钟,想一想问题,千万不要慌乱,并在没有思路的情况下操作,避免二次事故==
试试以下方案:
当影响范围或这错误已经找到或者没找到的情况下。需要在最短的时间内恢复系统(不一定是100%恢复,但要保持基本可用),如:
如等级系统异常导致的整站异常,则可下掉等级系统,所有用户等级全部默认1级,以保持系统基本功能可用
从上面的处理过程会得到一个提醒:
==线上系统的备用方案非常重要,系统需要有演戏,有紧急情况下的备用方案==
上面的排查过程,需要在一系列工具的配合下才能准确,快速的定位问题,以下列一下可能需要用的工具。
==linux命令是最好用的工具==
业务的访问情况分析,如pv,可以用网络统计等第三方统计平台(对于上述的情况,这种第三方统计平台是足够使用的)。
接口的访问情况,可能看起来比较麻烦。一般接口的访问情况,可以根据入口服务器(如nginx或apache)的访问日志来做一个简单的估计和查看。但是如果是分布式的机器的情况下,就比较麻烦。建议搭建ELK日志平台,通过对日志的聚合统计就可以做到接口访问情况的分析。
zabbix:是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案。可以监控到各种服务器信息。
当然目前运维届有各种监控工具,如单独监控mysql集群的工具,redis的集群监控工具等都是可以用的。各个公司需要根据自己的情况,选用不同的工具。毕竟如果只需要监控mysql,那用zabbix就太重了。
业界目前比较流行的有ELK Stack。用于一站式的日志采集,存储,查看和分析。可以集中,方便的观察到各台服务器的日志情况,又不需要每个人都开通线上机器的权限,也方便日志的查询和搜索
在一般情况下(业务系统较简单,机器不多)。linux的命令是最方便快捷的方法。配合shell的sed或awt语法,可以做很多事情。
下面列一下一些常用的命令或工具:
Ⅷ Web前端面试的常见面试题汇总
今天小编要跟大家分享的文章是关于参加Web前端面试的常见面试题汇总。准备参加Web前端面试的小伙伴们来和小编一起看一看吧,希望则宽本篇文章能够对大家有所帮助。1.渐进增强与优雅降级
渐进增强
并不是一种技术,而是一种设计思想。各个浏览器的渲染能力各不相同,要做一个每个人都能看到的网页、感受到的体验都一致的网站几乎不可能。但还是得网站的可访问性,保证用户在任何环境下都能正常访问网页得核心内容或能使用基本功能(避免网页打不开、排版错误等),并为他们提供当前条件下最好的体验,这就是渐进增强得核心思想。
优雅降级也是一种设计思想,为了保证在高版本浏览器中提供最好的体验,碰到低版本浏览器再降级进行兼容处理,使其能正常浏览。
这两种思想的区别在于:
1.渐进增强是向上兼容,优雅降级是向下兼容;
2.渐进增强是从简单到复杂,优雅降级是从复杂到简单;
3.渐进增强关注的是内容(保证核心内容),优雅降级关注的是浏览体验(为了兼容低版本浏览器)
2.DOCTYPE
作用
DTD(DocumentTypeDefinition,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML
的文档类型。浏览器会使用它来判断文档类型,决定何种协议来解析,以及切换浏览模式。
DOCTYPE是用来声明文档类型和DTD
规范的,一个主要的用途便是文件的合法性验证。如果文档代码不合法,那么浏览器解析时便会出现一些差错。
HTML5的文档类型声明:
HTML4.01Strict(HTML4.01严格模式)的DTD包含所有HTML
元素和属性,但不包括展示性的和弃用的元素(如font),它的文档类型声明:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
标准模式与怪异模式
怪异模式(Quirks
Mode)用于模拟旧浏览器的行为。早期的网站并不会遵循完整的规好卜范,随着浏览器支持越来越多的规范,在那些旧的浏览器中开发的页面在显示时会友盯穗被破坏。为了向后兼容,浏览器发明了怪异模式,一行错误或无效的
DOCTYPE都会触发怪异模式。
浏览器使用文件开头的DOCTYPE来决定用怪异模式处理或标准模式处理。DOCTYPE
可以确保不同浏览器以相同的方式解析文档,以及执行相同的渲染模式。
怪异模式与标准模式的主要区别:
1.怪异模式的宽度和高度会包含padding和border。标准模式不包含,标准模式下可以通过设置box-sizing:
border-box将标准盒模型转化成怪异模式下的盒模型。
2.怪异模式下,当内容超出容器高度时,会将容器拉伸,而不是溢出。
3.怪异模式下,在表格中的字体样式(如font-size)不会继承。
4.怪异模式下颜色值必须使用十六进制标记法。
3.语义化
HTML5
中的语义化就是让元素、属性或属性值有含义,更准确地标记特定类型的内容。对元素语义化的目的是为了让元素的语义和呈现分离,元素只负责文档内容的结构与含义,而CSS
样式控制内容的呈现,像元素,没有语义但却能将字体变粗,这类元素违背了语义化的目的,将会被废弃。
优点
·使得HTML文档结构清晰、布局合理、主体突出、可读性更强。
·有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
·方便其他设备解析,如盲人阅读器根据语义渲染网页。
·有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。
语义化标签
·
·footer内容的页脚,通常包含该章节作者、版权数据或者与文档相关的链接等信息;
·article
文档、页面、应用或网站中的独立结构,是可独立分配的、可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目;
·nav描述一个含有多个超链接的区域,该区域包含跳转到其他页面或页面内部其他部分的链接列表;
·section表示文档中的一个区域(或节),比如,内容中的一个专题组;
·main定义文档的主要内容,该内容在文档中应当是独一无二的,不包含任何在文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站
logo,搜索框(搜索框作为文档的主要内容);
·aside
表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分且可以被单独的拆分出来而不会影响整体。通常表现为侧边栏或嵌入内容。
4.超链接伪类
:link、:visited、:active和:hover的声明顺序是怎样的?
:link表示未访问的链接状态;
:visited表示已访问状态;:active表示激活状态(鼠标按下);:hover表示悬停状态。
推荐顺序是LVHA,即:link:visited:hover:active。理由如下:
·当鼠标悬停在未访问的链接上时,:link和:hover都会命中,如果:hover在:link
之前声明,那么(:hover)就会被覆盖;
·当鼠标悬停在已访问的连接上时,:visited和:hover都会命中,如果:hover在:visited
之前声明,那么(:hover)就会被覆盖;
·当鼠标单击链接时,:active和:hover都会命中,我们大多是想让:hover只在悬停时展示样式,按下鼠标时使用:active
样式,因此:active在:hover之后声明;
·综上,:hover应在:link和:visited之后,在:active之前,因此active在最后。而:link和
:visited两者的顺序无所谓,互不影响。
5.CSS常见的长度单位
CSS中除了px长度单位之外,还有下面几个长度单位:
·pc六分之一英寸,1pc=12pt=1/6*1in=16px;
·pt一磅,72分之一英寸。1pt=1/12_1pc=1/72_1in≈1.33px;
·in一英寸,1in=2.54cm=96px;
·ex在含有“X”字母的字体中,它是该字体的小写字母的高度。对于很多字体来说,1ex≈0.5em;
·em1em等于父级元素的字体大小,2em就是父级元素字体大小的二倍;
·rem当用在根元素()的font-size上面时,它代表了它的初始值;
·ch代表元素所用字体font中“0”这一字形的宽度;
·vh1vh相当于视口高度的1%,100vh就是视口的高度;
·vw1vw相当于视口宽度的1%,100vw就是视口的宽度;
·vmax视口高度vw和宽度vh两者中的最小值
·vmin视口高度vw和宽度vh两种中的最大值;
·%相对于父级元素的大小来确定;
参考:CSS
CSSpercentage[2]
6.事件对象
冒泡与捕获
事件冒泡与捕获是事件处理的两种机制,主要描述当在一个元素上有两个相同类型的事件处理器被激活会发生什么。
在点击子元素时,浏览器运行了两种不同的阶段:捕获阶段和冒泡阶段。捕获阶段的行为:
·浏览器检查元素的最外层祖先,是否在捕获阶段中注册了一个onclick事件处理程序,如果是,则运行它;
·
然后,它移动到中单击元素的下一个祖先元素,并执行相同的操作,然后是单击元素再下一个祖先元素,依此类推,直到到达实际点击的元素;
而冒泡与捕获恰恰相反:
·浏览器检查实际点击的元素是否在冒泡阶段中注册了一个onclick事件处理程序,如果是,则运行它;
·然后它移动到下一个直接的祖先元素,并做同样的事情,然后是下一个,等等,直到它到达元素;
而现代浏览器在默认情况下,所有事件处理程序都在冒泡阶段进行注册。因此上面代码在点击子元素时会先执行子元素绑定的事件,然后向上冒泡,触发父元素绑定的事件。
addEventListener函数的第三个参数是个布尔值。含义:
·当布尔值是false时(这也是默认值),表示向上冒泡触发事件;
·当布尔值是true时,表示向下捕获触发事件;
不能冒泡的事件
有些事件是不会冒泡的。比如:
·blur元素失去焦点时触发,focusout事件也是失去焦点时触发,但可以冒泡;
·focus元素获取焦点时触发;
·mouseenter鼠标移动到元素上时会触发该事件,与之对应的是mouseover事件,但会冒泡;
·mouseleave鼠标离开元素时触发,与之对应的是mouseout,但会冒泡;
事件冒泡可以让我们利用事件委托,尤其是处理大量子元素时,如果给每个子元素都绑定事件,这是不优雅的,可以将事件绑定到父元素上,并让子节点上发生的事件冒泡到父节点上,利用
e.target属性可以获取到当前触发事件的子元素。
事件对象中的方法
·stopPropagation()阻止事件冒泡,当设置后,点击该元素时父元素绑定的事件就不会再触发;
·preventDefault()阻止默认事件的发生;
·stopImmediatePropagation()它用来阻止监听同一事件的其他事件监听器被调用以及阻止事件冒泡,比如给同一个div
元素绑定多个click事件(使用addEventListener方法可以注册多个),当在第二个事件函数中调用
stopImmediatePropagation方法时,点击div元素时,后面注册的click将不会被触发,而且还会阻止事件冒泡;
比如下面的例子,给p绑定多个click事件,在第二个事件函数中调用stopImmediatePropagation,第三个click
事件就不会触发,因为也阻止了冒泡,因此父元素的click事件也不会触发。
paragraph
Ⅸ javaweb相关判断题
不明白你到底要表达什么,咐烂画出页面显示结果此搏?你这JSP页面只包含静态HTML,所以显示结果是一衡扒漏个文本输入框,一个提交按钮,一个超链接
Ⅹ 分析题考查内容1web项目开发环境包含哪些,意义与产出是什么
1、web项目从大的功能上可以分为前台和后台两个部分,前台主要是在浏览器中或者桌面应用、Android、iOS移动应用等直接面向用户的程序,直接接受用户的操作和使用,称之为前台,也称之为客户端,为前台应用提供数据和功能调用的部署运行在服务器上的程序,用于操作处理前端应用的数据,称之为后台,也称之为服务端。类似于上述这种客户端和服务端的架构,通常称之为CS模式,C为client的缩写,S为server的缩写。
2、在需求确定阶段,主要由产品经理进行确定系统的功能与性能。确认了具体需求后,产品经理会将产品功能进行设计,通常称该阶段为产品原型设计过程。在该阶段,核心目标是确定开发雀键需求,完成产品原型设计。
3、当需求和设计阶段都确定以后,就正式进入开发阶段。首先就是开发环境的搭建,这里面包含硬件环陪让境和软件环境两种。硬件环境是指的开发机器,服务器等硬件设施。软件环境包含开发工具,项目管理平台,软件支持等软件支持。开发环境的搭建一般情况下只有在项目刚刚开始和在项目进行大的架构调整时才需要进行,通常的情况下和日常的迭代开发,可以顷乱巧免去此步骤,直接使用已有的开发环境。