html5面试题及答案
html5面试题及答案一
  一.你知道多少种Doctype文档类型?
requiredfieldvalidator控件用户名验证  该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。 XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。 Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页，而 Quirks (包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页。
  二.HTML与XHTML二者有什么区别
  1.所有的标记都必须要有一个相应的结束标记; 2.所有标签的元素和属性的名字都必须使用小写; 3.所有的XML标记都必须合理嵌套; 4.所有的属性必须用引号""括起来; 5.把所有和特殊符号用编码表示; 6.给所有属性赋一个值; 7.不要在注释内容中使“--”; 8.图片必须有说明文字;
  三.常见兼容性问题?
router模式
  1.png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理.
web前端基础面试题  2.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。
  3.IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。
  4.浮动ie产生的双倍距离(IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。) #box{ float:left; width:10px; margin:0 0 0 100px;} 这种情况之下IE会产生20px的距离，解决方案是在float的标签样式控制中加入 ——_display:inline;将其转化为行内属性。(_这个符号只有ie6会识别)
  5.渐进识别的方式，从总体中逐渐排除局部。
jupyter notebook怎么导入数据
  首先，巧妙的使用“\9”这一标记，将IE游览器从所有情况中分离出来。 接着，再次使用“+”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。
补码等于
  6.IE下,可以使用获取常规属性的方法来获取自定义属性, 也可以使用getAttribute()获取自定义属性; Firefox下,只能使用getAttribute()获取自定义属性. 解决方法:统一通过getAttribute()获取自定义属性.
  7.IE下,event对象有x,y属性,但是没有pageX,pageY属性; Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.
  8.解决方法：(条件注释)缺点是在IE浏览器下可能会增加额外的HTTP请求数。
  9.Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决.
  10.超链接访问过后hover样式就不出现了 被点击访问过的超链接样式不在具有hover和active了解决方法是改变CSS属性的排列顺序: L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}
  11.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦，最好养成书写DTD声明的好习
惯。现在可以使用推荐的写法：
  12.上下margin重合问题 ie和ff都存在，相邻的两个div的margin-left和margin-right不会重合，但是margin-top和margin-bottom却会发生重合。 解决方法，养成良好的代码编写习惯，同时采用margin-top或者同时采用margin-bottom。
  13.ie6对png图片格式支持不好(引用一段脚本处理)
  四.解释下浮动和它的工作原理?清除浮动的技巧
  浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
  1.使用空标签清除浮动。 这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。
  2.使用overflow。 给包含浮动元素的父标签添加css属性 overflow:auto; zoom:1; zoom:1用于兼容IE6。
  3.使用after伪对象清除浮动。 该方法只适用于非IE浏览器。具体写法可参照以下示例。
  使用中需注意:该方法中必须为需要清除浮动元素的伪对象中设置 height:0，否则该元素会比实际高出若干像素.
  五.浮动元素引起的问题和解决办法?
  浮动元素引起的问题：1.父元素的高度无法被撑开，影响与父元素同级的元素; 2.与浮动元素同级的非浮动元素(内联元素)会跟随其后; 3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构
  解决方法：使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题，对于问题1，添加如下样式，给父元素添加clearfix样式
  六.清除浮动的几种方法
  1.额外标签法，(缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁.); 2.使用after伪类; 3.浮动外部元素; 4.设置overflow为hidden或者auto
  七.IE 8以下版本的浏览器中的盒模型有什么不同
  IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框
 
html5面试题及答案二
  一.闭包的理解:
  使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。
  闭包三个特性: 1.函数嵌套函数 ; 2.函数内部可以引用外部的参数和变量 ; 3.参数和变量不会被垃圾回收机制回收
  二.Cookie的弊端:sql四种语句
  cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多
局限性的; 每个特定的域名下最多生成20个cookie;IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie;cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节;
  优点：极高的扩展性和可用性
  1.通过良好的编程，控制保存在cookie中的session对象的大小。
  2.通过加密和安全传输技术(SSL)，减少cookie被破解的可能性。
  3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。
  4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。
  缺点:
  1.Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。
  2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。
  3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。
  三.浏览器本地存储
  在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。
  html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。