前端知识点总结

HTML

• HTML&XHTML&HTML5

  • HTML4，HTML5，XHTML 之间有什么区别？ - 知乎

• 属性

  • javascript - defer和async的区别 - SegmentFault
  • script的defer和async

CSS

• float

  • W3文档
  • Does “clear:right” affect left floated elements?
  • CSS浮动float详解
  • CSS Float nine rules
  • float - CSS | MDN
  • CSS float浮动的深入研究、详解及拓展(一)
  • CSS float浮动的深入研究、详解及拓展(二)

• line-boxes

  • CSS float浮动的深入研究、详解及拓展(一)
  • CSS float浮动的深入研究、详解及拓展(二)

• img

  • img元素底部为何有空白？

JavaScript

• 执行上下文 && 作用域 && 作用域链

  • 执行上下文（Execution Context）
  • 变量对象（Variable object）
  • 作用域链（Scope Chain）
  • 闭包（Closures）
  • JavaScript 中的执行上下文和调用栈是什么？by David Shariff

• 操作符

  • js中的instanceof运算符

• 变量

  • 关于js函数 形参和局部变量名相同后的一些问题？

• 字符串

  • js中replace的用法

• Date

  • js中date与String转换

• 函数

  • 深入理解javascript中的立即执行函数(function(){…})()

• 图片

  • 图片的异步加载与onload函数

• 浏览器宽高

  • JS：document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
    - 四种浏览器对 Document.body 的 ClientHeight、OffsetHeight 和 ScrollHeight 的解释
  • 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
  • What is offsetHeight, clientHeight, scrollHeight?
  • 四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
  • offsetHeight, clientHeight与scrollHeight的区别

• 正则表达式

  • 30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。
  • 揭开正则表达式的神秘面纱