HTML/CSS
- Viewreport是meta属性，不是html5新增属性
- web表单登录中用到图形验证码的方式，服务器端生成验证码后一方面通过图片将验证码返回给客户端，同时在服务器端保存文本的验证码，由服务器端验证输入内容是否正确。
- obj.options[obj.selectedIndex].text获取表单select中被选择的文本。
- Readonly = true时，页面上不能更改，但是input值会随着表单提交。
Disabled = true时，页面上不能更改，input值不会随表单提交。 - html5标准的链接默认都是带下划线的
bootstrap链接只有在hover状态下才带下划线 - iframe可用在以下几个场景中：
- 典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类。为了一个功能，单独分离出来，采用iframe。
- ajax上传文件
- 加在别的网站内容，例如gogle广告，网站流量分析。
- 在上传图片时，不用flash实现无刷新。
- 跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。
- bootstrap3浏览器兼容
- bootstrap 屏幕兼容栅格参数
-
Ajax 与 flash区别
- Ajax的优势：
- 可搜索性
- 开放性
- 费用
- 易用性
- 易于开发。
- Flash的优势：
- 多媒体处理
- 兼容性
- 矢量图形
- 客户端资源调度
- Ajax的劣势：
- 它可能破坏浏览器的后退功能
- 使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中 ，不过这些都有相关方法解决。
- Flash的劣势：
- 二进制格式
- 格式私有
- flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间
- 性能问题
- Ajax的优势：
-
置换元素与不可替换元素
- 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
- 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。例如： <label>label中的内容</label> 标签<label>是一个非置换元素，文字label中的内容”将全被显示。
-
i++与++i的区别
- i++表示先把i传值给函数，然后再将i+1;
- ++i表示现将i+1再传值给函数
排序稳定性
不稳定：快选堆希
稳 定：插冒归基-
使用 for in 循环数组中的元素会枚举原型链上的所有属性，过滤这些属性的方式是使用hasOwnProperty函数
for in可以获取object的所有属性,包括自定义属性以及原型链属性。
for(var attr in object){
console.log(attr+":"object[attr]);
} hasOwnProperty()只能获取自定义属性，无法获取原型链属性。 -
JSONP的优缺点
- 优点
- 它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制，JSONP可以跨越同源策略；
- 它的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持
- 在请求完毕后可以通过调用callback的方式回传结果。将回调方法的权限给了调用方。这个就相当于将controller层和view层终于分开了。我提供的jsonp服务只提供纯服务的数据，至于提供服务以 后的页面渲染和后续view操作都由调用者来自己定义就好了。如果有两个页面需要渲染同一份数据，你们只需要有不同的渲染逻辑就可以了，逻辑都可以使用同 一个jsonp服务。
- 缺点
- 它只支持GET请求而不支持POST等其它类型的HTTP请求
- 它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。
- jsonp在调用失败的时候不会返回各种HTTP状态码。
- 缺点是安全性。万一假如提供jsonp的服务存在页面注入漏洞，即它返回的javascript的内容被人控制的。那么结果是什么？所有调用这个 jsonp的网站都会存在漏洞。于是无法把危险控制在一个域名下…所以在使用jsonp的时候必须要保证使用的jsonp服务必须是安全可信的。
- 优点
行内块元素有，input textarea object img select，默认属性是inline-block。
-
web storage有以下几种对象：
- sessionStorage：存储特定于某个会话的数据，该数据只保留到浏览器关闭。
- globalStorage：目的是跨越会话存储数据，不过要指定哪些域可以访问该数据。如果不使用 removeItem() 或 delete 删除，或者用户未清除浏览器缓存，存储在globalStorage上的数据会一直保留在磁盘上。所以globalStorage非常适合在客户端存储文档或长期保留用户偏好设置。
- localStorage：在HTML5中作为持久保持客户端数据的方案取代了globalStorage。它不能被指定访问规则，要访问localStorage，页面必须来自同一个域名，使用同一种协议，在同一个端口上。它的数据也保留到通过JavaScript删除或用户清除浏览器缓存。
-
函数加括号与不加括号的区别
简单来说，fun是调用整个函数，fun()得到的的是函数调用之后的返回值。所以在setTimeOut(fun,500)或者addEventListener('click',fun)中调用的都是函数，所以不能加括号。
而setTimeOut如果加引号的话，就是要加括号生效。setTimeOut('fun',500).
dom2规定的时间流包括三个阶段：1. 事件捕获 2. 处于目标阶段（事件处理） 3. 事件冒泡阶段
-
各种存储方案简单对比
- Cookies:浏览器均支持，容量为4KB
- UserData:仅IE支持，容量为64KB
- Flash：100KB，非HTML原生，需要插件支持
- Google Gears SQLite：需要插件支持，容量无限制
- LocalStorage：HTML5，容量为5M
- SessionStorage：HTML5，容量为5M
- globalStorage：Firefox独有的，Firefox3开始就不支持这个方法。
UserData仅IE支持，Google Gears SQLite需要插件，Flash已经伴随着HTML5的出现退出了历史舞台，因此现在主要需要了解的只有：Cookie，LocalStorage，SessionStorage；
JavaScript中只有函数作用域的概念，没有块级作用域的概念。
class="lang-js">var msg='hello'; for (var i=0; i<10; i++) { var msg='hello'+i*2+i; } alert(msg);
输出结果为hello189，而不是hello。var x = new Boolean(false); 此时的x为object，所以if(x)为true。如果var y = Boolean(0);此时的y为false是布尔值，所以if(y)为false。
-
console.log(Number("")); //0
console.log(Number(null)); //0
console.log(Number(undefined)); //NaNconsole.log(parseInt("")); //NaN
console.log(parseInt(null)); //NaN
console.log(parseInt(undefined)); //NaNconsole.log(null == 0); //false
console.log(undefined == 0); //false - 一个promise可能有三种状态：等待（pending）、已完成（fulfilled）、已拒绝（rejected）
- 一个promise的状态只可能从“等待”转到“完成”态或者“拒绝”态，不能逆向转换，同时“完成”态和“拒绝”态不能相互转换
- promise必须实现then方法（可以说，then就是promise的核心），而且then必须返回一个promise，同一个promise的then可以调用多次，并且回调的执行顺序跟它们被定义时的顺序一致
- then方法接受两个参数，第一个参数是成功时的回调，在promise由“等待”态转换到“完成”态时调用，另一个是失败时的回调，在promise由“等待”态转换到“拒绝”态时调用。同时，then可以接受另一个promise传入，也接受一个“类then”的对象或方法，即thenable对象。
- DNS就是将域名翻译成IP地址。
- 主要用UDP，但是当请求字节过长超过512字节时用TCP协议，将其分割成多个片段传输。
- DNS协议默认端口号是53。
- 操作系统的DNS缓存：windows DNS缓存的默认值是 MaxCacheTTL，它的默认值是86400s，也就是一天。macOS 严格遵循DNS协议中的TTL。
- 游览器的DNS缓存：chrome对每个域名会默认缓存60s；IE将DNS缓存30min；Firefox默认缓存时间只有1分钟；Safari约为10S。
typeof Symbol() //"symbol"
typeof Number() //"number"
typeof String() //"string"
typeof Function() //"function"
typeof Object() //"object"
typeof Boolean() //"boolean"
typeof null //"object"
typeof undefined //"undefined"var bb = 1;
function aa(bb) {
bb = 2;
alert(bb);
};
aa(bb);
alert(bb);
弹出2,1；因为传入了参数bb，所以虽然bb在函数体内没有用var定义，但是依然作用后被销毁，若改成
<pre>var bb = 1;
function aa(bb) {
var bb = 2;
alert(bb);
};
aa(bb);
alert(bb);</pre>
则弹出2,2,。JavaScript原始数据类型：String，Null，Undefined，Boolean，Number，Symbol（ES6新增）。
基本数据类型：String，Null，Undefined，Boolean，Number，Symbol（ES6新增）；
