题目

html

1.Dhtml的动态样式的作用是什么

使网页作者改变内容的外部特征而不强制用户再次下载全部内容

Dhtml的主要优点为：动态样式、动态内容、动态定位

2.XML与JSON的区别

数据体积（json数据体积小）、速度（json传递速度快）、描述性、交互（json与js的交互更加方便）、解析（json更容易解析）

参考：https://www.cnblogs.com/nxxshxf/p/5226792.html

3.那些html元素可以获得焦点

没有href的a标签不会获取焦点,Readonly规定字段为只读但仍可以获取焦点进行文本复制，设置属性为disabled则不可选中获取焦点

4.权重和优先级

• 通配符0，标签的权重1，伪类、类的权重10，id的权重100，行内样式的权重1000，important无限大（都使用important则看权重，权重相同则就近原则）
• !important > 行内样式 > 内联样式 and 外联样式（就近原则）
• 作用在不同的层级上，使用就近原则

5.web表单登录，图形验证码的实现

6.行内元素、块级元素、空元素

行内元素：a span img（行内块元素） input select label button textarea
块级元素：div ul ol li dl dt dd h1 p
空元素：br hr link meta

7.回流（reflow）和重绘（repaint）

reflow：整个页面的元素进行重排

repaint：页面所有的dom元素渲染

不涉及任何dom元素排版问题的变动为repaint

8.如果在html文档的开始部分乜有使用doctype怎么办

怪异模式，浏览器使用自己的怪异模式解析渲染页面

标准模式：浏览器按照W3C的标准解析执行代码

怪异模式：浏览器按照自己的方式解析执行代码

严格模式：浏览器根据web标准去解析页面

9.input元素的类型

button/checkbox/file/hidden/image/passsword/radio/reset/submit/text/tel(不是phone)/search/range/number/email/date/datetime/datetime-local/month/color/week/time/url(红色为h5新特性)

10.html5的新特性

总体来说多了十个新特性：canvas元素、更加丰富的表单、video和audio、地理定位、拖放、web存储、应用程序缓存、web workers、服务器发送事件、websocket

11.html5可以向后兼容旧浏览器

12.html5废除了一些纯控制渲染的标签：center/big/font/strike/b/acronym/applet/basefont/big/center/tt/u/frame/frameset/noframes/dir/xmp

13.canvas中会只的元素不可以通过浏览器提供的接口获取到、svg中绘制的元素可以通过浏览器提供的接口获取到

14.当表单中包含文件上传控件时，需要将enctype设置为multipart/form-data

• enctype属性规定在发送到服务器之前应该如何对表单数据进行编码。属性值application/x-www-urlencoded在发送前编码所有字符（默认）
• multipart/form-data不对字符进行编码。在使用包含文件上传控件的表单时，必须使用该值。
• text/plain空格转换为+号，但不对特殊字符进行编码 

15.html5提供的数据存储方式有：

• WebStorage：可用于临时或永久保存客户端的少量数据。分为两种：

1. sessionStorage（保存会话数据）：短暂、易失、保存在session对象中、sessionStorage.setItem(key,value)/sessionStorage.getItem(key)。
2. localStorage（在客户端长期保存数据）：除非人工删除，否则长期保存、localStorage.setItem(key,value)/localStorage.getItem(key)/localStorage.removeItem(key)

• WebSQLDatabase：是客户端本地化的一套数据库系统，可以将大量的数据保存在客户端，无须与服务器进行交互，极大的减轻了服务器端的压力。

16.如果页面包含框架，那么每个框架都拥有自己的window对象。

17.link和@import

①link是属于XHtml标签，而@import完全是css提供的一种方式

②当页面被加载的时候，link引用的css会被同时加载，而@import引用的css会等到页面全部被下载完再被加载

③link在支持css的浏览器上都支持，而@import（css2.1才有的语法）只在IE5.0版本上有效

18.在做一份调查报告时，要求将问题文类，同一表单内的数据在一组显示，并表明此类型的名称，如何将相同类型的表单进行分组

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

 19.HTTP状态码

响应分为五类：信息响应(100–199)，成功响应(200–299)，重定向(300–399)，客户端错误(400–499)和服务器错误 (500–599)

• 200 - 请求成功
• 301 - 资源（网页等）被永久转移到其它URL
• 404 - 请求的资源（网页等）不存在
• 500 - 内部服务器错误

20.IE浏览器的版本兼容性

21.domContentLoaded事件早于onload事件

22.html5中可以省略结束标记的元素有:dd/dt/li/p/optgroup/option/rt/rp/thread/tfoot/tr/td

23.W3C盒子模型，默认情况下块元素的总宽度为：content；盒子总宽度为：width（content）+padding+border+margin

IE盒子模型：margin+width（content+padding+border）

24.css预编译工具：stylus（TJ大神开发、简洁）、sass、less（伴随着Bootstrap的流行）

25.垂直居中的方式(整屏、元素中、文本)

文本：text-align/line-height

元素：absolute+（负边距、clac、transform），弹性盒flex（justify-content、align-items），grid

26.优雅降级、渐进增强

27.各种浏览器的内核

内核	浏览器
Trident	IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman
Gecko	Firefox、Netscape6至9
Webkit	Safari和Google的浏览器Chrome（工Mac OS使用）
Presto	Opera 7.0及以上使用

 

28.跨域：

JSONP（json padding）：利用了在浏览器端请求不跨域的特性，script标签的src不受同源策略的限制

CORS（cross origin resource share ）跨域资源共享：

　　在nodejs 中可以通过在服务器端设置代码如下实现cors跨域：

　　　　res.setHeader('Access-Control-Allow-Origin', "*"); //针对哪个域名可以访问，*表示所有

　　　　res.setHeader('Access-Control-Allow-Credentials', true); //是否可以携带cookie

　　　　res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');

midllewares中间件：

http-proxy-middware