2016年08月_A_山水子农

转载 23种设计模式全解析

一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。行为型模式，共十一种：策略模式、模板方法模式、观察者模式、迭代子模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式、中介者模式、解释器模式

2016-08-18 14:32:35 726

原创 CSS3 过渡

CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。1、CSS3 过渡是元素从一种样式逐渐改变为另一种的效果要实现这一点，必须规定两项内容：指定要添加效果的CSS属性指定效果的持续时间实例：应用于宽度属性的过渡效果，时长为 2 秒：div{ transition: width 2s; -webkit-trans...

2016-08-17 17:06:26 718

原创 HTTP协议（超文本传输协议）

1、HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。2、HTTP工作原理 HTTP协议工作于客户端-服务端架构为上。浏览器作为HTT

2016-08-15 21:04:48 2254

原创 JavaScript：同源策略

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。示例：来自h

2016-08-15 11:13:48 980

原创 JQuery中的param()、 serialize() 和serializeArray()方法

1、param方法param() 方法创建数组或对象的序列化表示形式。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法：$.param(object,trad)object：必需。规定要序列化的数组或对象。trad：可选。布尔值，指定是否使用参数序列化的传统样式。$(document).ready(function(){

2016-08-14 12:24:09 4356

转载 offsetTop、offsetLeft、offsetWidth、offsetHeight

//获取坐标位置function getpos(e){ var t=e.offsetTop; var l=e.offsetLeft; var height=e.offsetHeight; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft;

2016-08-12 21:26:28 4930

原创 JavaScript 面向对象编程

1、模拟重载在Java中重载是在一个类里面，方法名字相同，而参数不同。返回类型可以相同也可以不同。每个重载的方法（或者构造函数）都必须有一个独一无二的参数类型列表。由于JavaScript是弱类型，所以没有直接的机制去实现参数重载，但是我们可以通过传入的参数个数来进行模拟的重载。function Person(){ var args=arguments; if(typeof arg

2016-08-10 11:10:29 536

原创 JavaScript 对象和属性

面向对象（Object-Oriented，OO）的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值，对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。一、理解对象创建自定义对象的最简单方式就是创建一个obj...

2016-08-10 09:15:21 1101 1

转载 Google JavaScript规范

一、JavaSrcipt语言规则1、Variables 变量所有变量都要使用var来声明。当你没有写 var, 变量就会暴露在全局上下文中, 这样很可能会和现有变量冲突.另外, 如果没有加上, 很难明确该变量的作用域是什么, 变量也很可能像在局部作用域中, 很轻易地泄漏到 Document 或者 Window 中,所以务必用 var 去声明变量.2、Constants 常量常量的形

2016-08-09 15:11:14 3208

原创 Jquery中的each()方法

each() 方法规定为每个匹配元素规定运行的函数。返回 false 可用于及早停止循环。语法：$(selector).each(function(index,element)) function(index,element)：为每个匹配元素规定运行的函数。 index - 选择器的 index 位置 element - 当前的元素（也可使用 "this" 选择

2016-08-05 11:18:08 1056

原创 JavaScript中call()、apply()和 bind()方法

每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接受两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。例如： function sum(num1,num2) {

2016-08-04 20:28:03 785

转载 Javascript闭包

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。　　fun

2016-08-04 20:04:56 426

原创网站页面性能优化的35条黄金守则

一、网页内容部分1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减

2016-08-02 10:22:29 1149

山水子农