前端试题1

• DOM结构，要知道两个节点可能存在的关系，父节点，子节点，兄弟节点等，每个节点有的节点属性：nodeName,nodeValue,nodeType
• DOM操作，增删移改,createAttribute(),createElement(),createTextNode(),appendChild(),removeChild,insertBefore(),replaceChild().
• 事件,我们在网页中的某个动作，比较我们点击一个按钮就会产生一个点击的事件，我们双击就会产生一个双击的事件，而且这个 事件是可以被JavaScript侦测到的行为。
• 盒模型，内容（content）,填充（padding），边框（border），边界（margin）
• XMLHttpRequest，XMLHttpRequest对象用于在后台与服务器交换数据，它可以在不向服务器提交整个页面的情况下，实现局部更新网页。当页面全部加载完毕后，客户端通过该对象向服务器请求数据，服务器端接受数据并处理后，向客户端反馈数据。
  没它之前，可能我们注册一个 页面，要全部输完，一提交发现前面一个字不符合要求，页面一刷新全没了，再重新写，再提交再修改再提交…，有了它后，不用全部写完再提交，而是在我们写完一个时服务器就会验证这个地方有没有错，错的话直接会在后面提示修改。
  readyState,当一个XMLHttpRequest初次创建时，这个属性值从0开始直到接收到完整的HTTP响应，值增加到4。0：初始化状态，对象已创建，1：open()已调用，请求还未被发送，2：send()已调用，HTTP请求已发送到web服务器，未接收到响应，4：HTTP响应已经完全接收。
  status,由服务器返回的HTTP状态代码，如200表示成功，而404表示“Not Found”错误。
  onreadystatechange,每次readState属性改变的时候调用的事件句柄函数。
• Doctype，用在文档最前面，告诉浏览器这是什么文档类型，用那个规范来解析，严格模式的排版和JS动作模式是以该浏览器支持的最高标准来运行，混杂模式下页面以宽松的向后兼容方式显示，如果DOCTYPE不存在或者格式不正确那么以混杂模式呈现。
• 行内元素，块内元素，空（void）元素。元素在CSS下都有默认的display属性，有的默认为block,有的默认显示为inline，行内（a b span img input select strong）,块(div ul ol li dl dt dd h1 h2 h3 p…),空元素（br hr img input link meta）
  鲜为人知的：<area>定义图像映射中的区域，<base>为页面上所有链接规定默认地址或默认目标，<col>为表格中一个或多个列定义属性值，<embed>定义嵌入的内容，比如插件，<keygen>定义生成密钥，<param>允许为插入XHTML文档的对象规定run-time设置，<source>为媒介元素（比如 <video> 和 <audio>）定义媒介资源,<wbr>规定在文本中的何处适合添加换行符。
• link和@import，link属于XHTML标签，页面加载时同时加载，权重比@import高，@import是CSS2.1提出的，老的浏览器不支持，只有在IE5以上才能识别。
• 浏览器内核，IE：Trident,Mozilla：Gecko,Chrome：Blink(Webkit的分支)，Opera:以前是Presto，现在是Blink.