错题集锦

1. background-attachment
   有三个值，scroll是默认值，背景图像会随着页面其余部分的滚动而移动。
   fixed当页面的其余部分滚动时，背景图像不会移动。
   inherit规定应该从父元素继承 background-attachment 属性的设置。
   background-origin
   属性规定 background-position 属性相对于什么位置来定位。
   background-clip
   属性规定背景的绘制区域。
   2.table中，tr表示“行”，td/th表示单元格，与同样是标示一个储存格,唯一不同的是所标示的储存格中的文字是以粗体出现
   3.GBK通常指GB2312编码 只支持简体中文字
   utf通常指UTF-8，支持简体中文字、繁体中文字、英文、日文、韩文等语言（支持文字更广）
   通常国内使用utf-8和gb2312，看自己需求选择
   4.
   target的值：_blank 在新窗口打开链接
   _self 在当前框架中打开链接
   _parent 在父框架打开链接
   _top 在当前窗口打开链接
   framename 在指定框架打开链接
2. 常见的内联元素：<a>、<b>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
   常见的块级元素：<div>、<p>、<hx>、<ol>、<ul>、<dl>、<tabel>、<address>、<blockquote>、<form>
   常见的内联块级元素：<img>、<input>
3. 给元素绑定样式 ng-style
   给元素绑定类名 ng-class
   用法①：<div ng-class="{'A':isA,'B':isB,'C':isC}"></div>
   用法②：<div ng-class = "{{A}}" > </ div >
   给元素绑定监听 ng-click等
   显示隐藏 ng-show ng-hide
4. background-attachment
   有三个值，scroll是默认值，背景图像会随着页面其余部分的滚动而移动。
   fixed当页面的其余部分滚动时，背景图像不会移动。
   inherit规定应该从父元素继承 background-attachment 属性的设置。
   background-origin
   属性规定 background-position 属性相对于什么位置来定位。
   background-clip
   属性规定背景的绘制区域。
   8.test.innerHTML:
   也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
   上例中的test.innerHTML的值也就是“test1 test2 ”。
   test.innerText:
   从起始位置到终止位置的内容, 但它去除Html标签
   上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
   test.outerHTML:
   除了包含innerHTML的全部内容外, 还包含对象标签本身。
   上例中的text.outerHTML的值也就是
   test1 test2
5. 只能输入零／非零开头的数字 ^(0|[1-9][0-9]*)$
   ^ 以。。。开头，$以。。。结尾。
   *任意多次
   |或的意思
   （）组
   []集合
6. 如何遍历下面的 my_data 对象？
   var my_data={a:’Ape’, b:’Banana’, c:’Citronella’};
   for(var key in my_data) {}

for in遍历对象所拥有的属性(可枚举的) 由于对象和数组不同，不能用下标来访问，只能用for in遍历
11. $.post(url)是ajax请求；
ajax的事件是：
ajaxComplete(callback)
ajaxError(callback)
ajaxSend(callback)
ajaxStart(callback)
ajaxStop(callback)
ajaxSuccess(callback)
12. NOSCRIPT标签用来定义在脚本未被执行时的替代内容。也可以用在检测浏览器是否支持脚本，若不支持脚本则可以显示NOSCRIPT标签里的innerText
noscript:用以在不支持js的浏览器中显示替代的内容，这个元素可以包含能够出现在文档中任何html元素，script元素除外。包含在noscript元素的内容只有在下列情况下才会显示出来
1.浏览器不支持脚本
2.浏览器支持脚本，但脚本被禁用</script><noscript>Your browser does not support JavaScript!</noscript>
13. 下列 media queries 的定义方式中，哪一个是适配 iphone6s 的？（）．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){} max-width 指的是显示区域的宽度，比如浏览器的显示区域宽度
max-device-width 指的是设备整个渲染（显示）区域的宽度，比如设备的实际屏幕大小，也就是设备分辨率
max-height 与 max-device-height 也是同理。更进一步说，max-width在窗口大小改变或横竖屏转换时会发生变化
max-device-width只与设备相关，横竖屏转换或改变尺寸，缩放都不会发生变化（部分android的宽高会互换而IOS不会）
device- width指的是设备本身的宽度，也就是屏幕的分辨率，比如说你手机的分辨率是1440900，这表示你的屏幕宽是1440px， 所以device-width是1440px。大部分的手机宽度不到480px，（当然今后的趋势是越来越大)。iphone 4的device-width就只有320px，即便对外宣称有640960.这要归功于iphone的retina显示方式，也就是用两个像素来表示屏幕上一个CSS像素，IPAD3也是这样的。官方说IPAD3跟前几代一样采用的device-width是768px，它的实际分辨率达到了1536*2048，就是这个原因。
14. CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。
更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便。
15. contents() 方法获得匹配元素集合中每个元素的子节点，包括文本和注释节点。 find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 html() 方法返回或设置被选元素的内容 (inner HTML)。 children() 方法返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。
16. 标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + 左右padding + width
17. AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。***它采用异步方式加载模块，模块的加载不影响它后面语句的运行。***所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。
AMD也采用require()语句加载模块，但是不同于CommonJS。
主要有两个Javascript库实现了AMD规范：require.js和curl.js。
参考链接：http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。
区别：

1. 对于依赖的模块，AMD 是提前执行，CMD 是延迟执行。
2. CMD 推崇依赖就近，AMD 推崇依赖前置。
   // CMD
   define(function(require, exports, module) {
   var a = require(’./a’)
   a.doSomething()
   // 此处略去 100 行
   var b = require(’./b’) // 依赖可以就近书写
   b.doSomething()
   // …
   })

// AMD 默认推荐的是
define([’./a’, ‘./b’], function(a, b) { // 依赖必须一开始就写好
a.doSomething()
// 此处略去 100 行
b.doSomething()
…
})
18. 说一说常见的请求头和相应头都有什么呢？
1)请求(客户端->服务端[request])
GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)
Accept: /(客户端能接收的资源类型)
Accept-Language: en-us(客户端接收的语言类型)
Connection: Keep-Alive(维护客户端和服务端的连接关系)
Host: localhost:8080(连接的目标主机和端口号)
Referer: http://localhost/links.asp(告诉服务器我来自于哪里)
User-Agent: Mozilla/4.0(客户端版本号的名字)
Accept-Encoding: gzip, deflate(客户端能接收的压缩数据的类型)
If-Modified-Since: Tue, 11 Jul 2000 18:23:51 GMT(缓存时间)
Cookie(客户端暂存服务端的信息)
Date: Tue, 11 Jul 2000 18:23:51 GMT(客户端请求服务端的时间)

2)响应(服务端->客户端[response])
HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)
Location: http://www.baidu.com(服务端需要客户端访问的页面路径)
Server:apache tomcat(服务端的Web服务端名)
Content-Encoding: gzip(服务端能够发送压缩编码类型)
Content-Length: 80(服务端发送的压缩数据的长度)
Content-Language: zh-cn(服务端发送的语言类型)
Content-Type: text/html; charset=GB2312(服务端发送的类型及采用的编码方式)
Last-Modified: Tue, 11 Jul 2000 18:23:51 GMT(服务端对该资源最后修改的时间)
Refresh: 1;url=http://www.it315.org(服务端要求客户端1秒钟后，刷新，然后访问指定的页面路径)
Content-Disposition: attachment; filename=aaa.zip(服务端要求客户端以下载文件的方式打开该文件)
Transfer-Encoding: chunked(分块传递数据到客户端）
Set-Cookie:SS=Q0=5Lb_nQ; path=/search(服务端发送到客户端的暂存数据)
Expires: -1//3种(服务端禁止客户端缓存页面数据)
Cache-Control: no-cache(服务端禁止客户端缓存页面数据)
Pragma: no-cache(服务端禁止客户端缓存页面数据)
Connection: close(1.0)/(1.1)Keep-Alive(维护客户端和服务端的连接关系)
Date: Tue, 11 Jul 2000 18:23:51 GMT(服务端响应客户端的时间)
在服务器响应客户端的时候，带上Access-Control-Allow-Origin头信息，解决跨域的一种方法。
19. bootstrap辅助类
.text-muted:文字的颜色换成灰色
.text-primary:文字的颜色变成蓝色
.text-success:文字的颜色变成绿色
.text-info:文字的颜色变成暗蓝色
.text-warning:文字颜色变成暗黄色
.text-danger：文字的颜色变成红色

20. H5新增标签：
    article: 标签定义外部的内容。
    aside:标签定义 article 以外的内容。a
    audio:h5新增音频标签。没有高宽属性。
    canvas:h5新增画布标签。
    command: 定义命令按钮(未测试)
    datalist：标签定义选项列表。
    datalist 及其选项不会被想显示出来，它仅仅是合法的输入值列表。
    details：标签用于描述文档或文档某个部分的细节。
    figure：标签用于对元素进行组合。
    figcaption：定义 figure 元素的标题。
    footer：定义 section 或 document 的页脚。
    header：定义 section 或 document 的页眉。
    hgroup：用于对网页或区段（section）的标题进行组合。
    keygen:标签规定用于表单的密钥对生成器字段
    mark：标签定义带有记号的文本。
    meter：通过min=“0” max="20"的方式定义度量衡。仅用于已知最大和最小值的度量。
    nav：定义document或section或article的导航。
    output：定义不同的输出类型，比如脚本。
    progress：定义任何类型的任务的进度。
    rp:定义若浏览器不支持 ruby 元素显示的内容
    rt：定义 ruby 注释的解释
    ruby：定义 ruby 注释
    section：标签定义文档中的节、区段。比如章节、页眉、页脚或文档中的其他部分。
    source:audio和video的属性之一。为audio和video定义媒介源。
    summary:为details定义标题。
    time:定义日期或时间。
    video：h5新增视频标签。具有高宽属性。

21. jquery ajax中都支持的数据类型

      $.ajax()函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是XML，那么返回的结果就可以用普通的XML方法或者jQuery的选择器来遍历。如果见得到其他类型，比如HTML，则数据就以文本形式来对待。
      通过dataType选项还可以指定其他不同数据处理方式。除了单纯的XML，还可以指定 html、json、jsonp、script或者text。
      http://www.jquery.org.cn/jqapi/jQuery.ajax.html
    

22. 存储技术 浏览器端：
    cookie
    WebStorage(localStorage、sessionStorage)
    userData
    indexedDB
    服务器端：
    session

23.    JavaScript 写在 HTML 代码中的哪一部分，会导致页面在加载的时候自身被执行（）
       放在<head>部分会先加载完js再加载页面
       放在<body>部分会在加载页面时候加载
    

24.click是鼠标点击事件click是鼠标点击事件
contextmenu 是当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [ 试试在页面中的 中加入 onContentMenu=“return false” 就可禁止使用鼠标右键了 ]
mouseout 事件会在鼠标指针移出指定的对象时发生。
keydown 事件会在用户按下一个键盘按键时发生，由键盘触发