HTML 篇

哇哈哈， HTML好简单，就是那些head，body，div， 梳理梳理。 span，table啥的，还有那些H1到H6的标题标签。

对了 还有那个新的HTML5，增加了好多好玩的标签，比如header，acticle， 交学费了。 aside，section，footer，audio，radio，听起来好酷哦。

异步通讯 Ajax技术

Ajax技术啊， 听起来好高级，其实就是不用刷新页面就能和服务器交流，好方便哦。

JAVASCRIPT 篇

JavaScript啊， 这个好难学，但是很有用。里面有很多内置对象，比如Date，Array，JSON，RegExp等。

是不是？ Date和Array用的最多， JSON可以序列化，反序列化，还能深拷贝对象，好神奇啊。

还有那个new， 就是创建新对象的时候用的，它会把新对象的原型链指向构造函数的原型对象， 盘它。 然后就能访问到原型对象里的方法和属性。

Flex布局

不忍卒读。 Flex布局啊， 这个布局好方便，可以让页面自动调整大小，好神奇哦。

不过 要注意哦，当设置成Flex布局后子元素的float，clear和vertical-align属性就失效了。

过渡 和 旋转

过渡和旋转啊， 这个好酷，可以让页面上的元素平滑过渡，或者旋转，看起来好炫哦，换个思路。。

Web语义化

Web语义化啊， 就是用有意义的标签，让页面看起来更清晰， 观感极佳。 方便人们和搜索引擎理解。

CORS

未来可期。 CORS啊， 这个好厉害，可以让浏览器向跨源服务器发出请求，解决AJAX只能同源使用的限制。

this 存在于函数中

this好神奇，它指向的是函数被调用的那个对象。

回流和重绘

回流和重绘啊， 这个好难懂，但是很重要，回流就是重新构建渲染树，重绘就是更新元素的外观，真香！。

Canvas

Canvas啊， 这个好酷，可以用JavaScript来绘制2D图形，但是它不支持事件处理器，文本渲染能力也弱，挽救一下。。

HTML5离线缓存

HTML5离线缓存啊， 这个好方便，可以让应用在离线状态下也能访问。

Flex布局的容器

Flex布局的容器啊， 这个容器会自动调整大小，好方便做页面布局，梳理梳理。。

应用transform

应用transform可以对元素进行平移、 旋转、放大缩小、倾斜等处理。

JS单线程

JS是单线程的，这意味着它一次只能施行一个任务。

Function对象

稳了！ Function对象啊， 这个对象好强大，它可以改变函数的this指向。

SVG

SVG啊， 这个是一种使用XML描述2D图形的语言，每个图形都可以被看作是一个对象，就这样吧...。

call、 apply和bind

何苦呢？ call和apply和bind啊，这三个方法好厉害，可以改变函数的this指向。

onhashchange和onpopstate

我懂了。 onhashchange和onpopstate啊， 这两个事件好有用，可以监听浏览器的前进和后退。

WebSQL和indexedDB

WebSQL和indexedDB啊， 这两个好强大， 也是没谁了... 可以让前端以关系型数据库的方式来存储本地数据。

盒子模型

说真的... 盒子模型啊， 这个是CSS布局的基石，它包括margin、border、padding和content。

Cache-Control

Cache-Control啊，这个可以控制文件在本地缓存有效时长。

Expires

Expires啊， 这个是一个绝对的时间点，表示在这个时间点之前，缓存都是有效的，何苦呢？。

事件系统 Event

事件系统Event啊，这个是用户与页面交互的基础。

Cache-Control 和 Expires

Cache-Control和Expires啊，这两个都可以控制缓存的有效时间。

定位

卷不动了。 定位啊，这个很重要，包括相对定位、绝对定位和固定定位。

事件流

事件流啊，这个好重要，包括事件捕获和事件冒泡，脑子呢？。