JavaScript中this的运用

@(笔记)[JavaScript]

this关键字是JavaScript中最复杂的机制之一。它是一个很特别的关键字，被自动定义在所有函数作用域中。但是即便是经验丰富的JavaScript开发者也很难说清它到底指向什么：

任何足够先进的技术都和魔法无异。 ——Archur C.Clarke

阅读全文 »

闭包指有权访问另外一个函数作用域的变量的函数，常见的方式是在一个函数中再创建一个函数。闭包中的作用域链是在本函数中的作用域向上一层的函数或者全局作用域连接。闭包可以访问作用域链连接的作用域中的变量和对象。

window.onload和$(document).ready的区别

@(JavaScript)[笔记]

JavaScript的原生加载API window.onload和JQuery的加载API $(document).ready

1，window.onload和$(document).ready执行时间不同

当文档完全下载到浏览器中时，会触发window.onload事件。这意味着页面上的全部元素（包括图片等的资源）对JavaScript而言都是可以操作的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。

然而$(document).ready在DOM节点树加载完成之后立即执行。通过$(document).ready()注册的事件处理程序，则会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，却不意味着所有关联的文件都已经下载完毕。换句话说，当HTML下载完成并解析为DOM树之后，代码就可以运行。

线性渐变linear-gradient运用——条纹背景

@(CSS)[笔记]

CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)，这里主要是讲线性渐变linear-gradient的使用，参考了大漠大神的技术博客CSS3 Gradient 和菜鸟教程的CSS3 渐变Gradients

CSS3之动画animate

@(CSS)[笔记]

CSS3的强大是因为CSS3增加完成了CSS之前不能完成的工作，而且还能完成之前需要JavaScript才能完成的特效，例如的动画

CSS3的动画主要是运用新特性：animation结合keyframes形成运动效果。