星辰大海

javascript错误处理与调试

JavaScript 在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。 ECMAScript 第 3 版为了解决这个问题引入了 try…catch 和 throw 语句以及一些错误类型，让开发人员更加适时的处理错误。一．浏览器错误报告随着浏览器的不断升级...

Posted by sqq5682 on October 24, 2015

javascript动态加载脚本和样式

一．元素位置这次补充一个 DOM 的方法：getBoundingClientRect()。这个方法返回一个矩形对象，包含四个属性：left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。 var box = document.getElementById('...

Posted by sqq5682 on October 22, 2015

DOM 元素尺寸和位置

一．获取元素 CSS 大小 1.通过 style 内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS：styl...

Posted by sqq5682 on October 20, 2015

javascript中的DOM进阶

DOM 自身存在很多类型，在 DOM 基础课程中大部分都有所接触，比如 Element 类型：表示的是元素节点，再比如 Text 类型：表示的是文本节点。DOM 也提供了一些扩展功能。一．DOM 类型不同的节点，又有着不同的类型。 1.Node 类型 Node 接口是 DOM1...

Posted by sqq5682 on October 17, 2015

【必备】史上最全的浏览器 CSS & JS Hack 手册

浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack手册，那查询起来就方便多了。这篇文章就向大家分享Browserhacks帮我们从网络上收集的各个浏览器特定的 CSS & Java...

Posted by sqq5682 on September 23, 2015

javascript中的DOM基础

DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的 DHTML（动态 HTML），但现在...

Posted by sqq5682 on September 15, 2015

JavaScript面向对象与原型

ECMAScript 有两种开发模式：1.#### 函数式(过程化)，2.#### 面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。一．创...

Posted by sqq5682 on September 9, 2015

javascript匿名函数和闭包

匿名函数就是没有名字的函数，闭包是可访问一个函数作用域里变量的函数。声明：本节内容需要有面向对象和少量设计模式基础，否则无法听懂 .(所需基础 15 章的时候已经声明过了)。一．匿名函数 //普通函数 function box() {//函数名是 box return 'Lee'; }...

Posted by sqq5682 on September 2, 2015