不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2015-03-23 10:51  分类:HTML/CSS/JS  编辑
scroll(0, document.getElementById('锚点ID').offsetTop);
作者:php-note.com  发布于:2015-03-22 00:23  分类:HTML/CSS/JS  编辑

如同 in 运算符一样,使用 for in 循环遍历对象属性时,也将往上遍历整个原型链。

// Poisoning Object.prototype
Object.prototype.bar = 1;

var foo = { moo: 2 };
for(var i in foo) {
    console.log(i); // prints both bar and moo
}
作者:php-note.com  发布于:2015-03-22 00:15  分类:HTML/CSS/JS  编辑

判断一个属性是定义在对象本身而不是继承自原型链,我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。

hasOwnProperty 方法是 JavaScript 中唯一一个处理对象属性而不会往上遍历原型链的。

// Poisoning Object.prototype
Object.prototype.bar = 1;
var foo = { goo: undefined };

foo.bar; // 1
'bar' in foo; // true

foo.hasOwnProperty('bar'); // false
foo.hasOwnProperty('goo'); // true
作者:php-note.com  发布于:2015-03-21 23:16  分类:HTML/CSS/JS  编辑

JavaScript 并没有类继承模型,而是使用原型对象 prototype 进行原型式继承。

尽管人们经常将此看做是 JavaScript 的一个缺点,然而事实上,原型式继承比传统的类继承模型要更加强大。

作者:php-note.com  发布于:2015-03-21 21:46  分类:HTML/CSS/JS  编辑

JavaScript 中的一切都可以视为对象,除了两个特例:null 和 undefined。

false.toString(); // 'false'
[1, 2, 3].toString(); // '1,2,3'

function Foo(){}
Foo.bar = 1;
Foo.bar; // 1
作者:php-note.com  发布于:2015-03-17 22:54  分类:HTML/CSS/JS  编辑

数据类型

在 JavaScript 中数据类型可以分为两类:

  • 原始数据类型值 primitive type,比如 Undefined,Null,String,Number,Boolean
  • 引用类型值,也就是对象类型 Object type,比如 Object,Function,Array,Date,RegExp等。

声明变量时不同的内存分配

js-var-01.png

作者:php-note.com  发布于:2015-03-15 20:52  分类:HTML/CSS/JS  编辑

非官方文档,整理来自己官方文档的文字与实例,方便速查。

seajs.config Object

alias Object

别名配置,配置之后可在模块中使用require调用 require('jquery');

seajs.config({
    alias: { 'jquery': 'jquery/jquery/1.10.1/jquery' } 
});

define(function(require, exports, module) {
    //引用jQuery模块
    var $ = require('jquery');
});

作者:php-note.com  发布于:2015-03-01 10:58  分类:HTML/CSS/JS  编辑

AJAX可以进行数据的异步请求,但对于文件跨域问题却束手无策。

Jsonp可以进行跨域数据的异步请求,但同样不能使用于文件。

<form>表单可以进行跨域数据和文件的上传,但却会使页面跳转。

那么如何同时实现“异步”+“跨域”+“文件”+“返回值”这几个特性呢?

作者:php-note.com  发布于:2015-03-01 10:36  分类:HTML/CSS/JS  编辑

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制,即JavaScript只能访问与包含它的文档在同一域下的内容。

JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略,在baidu.com下的页面中包含的JavaScript代码,不能访问在google.com域名下的页面内容;甚至不同的子域名之间的页面也不能通过JavaScript代码互相访问。对于Ajax的影响在于,通过XMLHttpRequest实现的Ajax请求,不能向不同的域提交请求,例如,在abc.example.com下的页面,不能向def.example.com提交Ajax请求,等等。

作者:php-note.com  发布于:2015-03-01 10:18  分类:HTML/CSS/JS  编辑

扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。