2017年02月_web老张头

转载移动端 h5开发相关内容总结——CSS篇

1.移动端开发视窗口的添加h5端开发下面这段话是必须配置的meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下：width viewport 宽度(数值/device

2017-02-26 14:38:45 384

先来理解这么一个问题，假如我们前端开发接的需求是需求方给我们需求，可能一个前端开发会和多个需求方打交道，所以会保持多个需求方的联系，那么在程序里面就意味着保持多个对象的引用，当程序的规模越大，对象会越来越多，他们之间的关系会越来越复杂，那现在假如现在有一个中介者(假如就是我们的主管)来对接多个需求方的需求，那么需求方只需要把所有的需求给我们主管就可以，主管会依次看我们的工作量来给我们分配任务，这样

2017-02-15 11:24:15 289

转载 javascript 设计模式-策略模式

1. 理解javascript中的策略模式策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。使用策略模式的优点如下：优点：1. 策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。 2. 策略模式提供了开放-封闭原则，使代码更容易理解和扩展。 3. 策略模式中的代码可以复用。一：使用策略

2017-02-15 11:23:01 196

转载 javascript 设计模式-模板方法模式

模板方法模式由二部分组成，第一部分是抽象父类，第二部分是具体实现的子类，一般的情况下是抽象父类封装了子类的算法框架，包括实现一些公共方法及封装子类中所有方法的执行顺序，子类可以继承这个父类，并且可以在子类中重写父类的方法，从而实现自己的业务逻辑。比如说我们要实现一个JS功能，比如表单验证等js，那么如果我们没有使用上一章讲的使用javascript中的策略模式来解决表单验证封装代码，而是自

2017-02-15 11:21:59 231

转载 javascript 设计模式-命令模式

命令模式中的命令指的是一个执行某些特定事情的指令。命令模式使用的场景有：有时候需要向某些对象发送请求，但是并不知道请求的接收者是谁，也不知道请求的操作是什么，此时希望用一种松耦合的方式来设计程序代码;使得请求发送者和请求接受者消除彼此代码中的耦合关系。我们先来列举生活中的一个列子来说明下命令模式：比如我们经常会在天猫上购买东西，然后下订单，下单后我就想收到货，并且希望货物是真

2017-02-15 11:21:01 188

转载 javascript 设计模式-职责链模式

优点是：消除请求的发送者与接收者之间的耦合。职责连是由多个不同的对象组成的，发送者是发送请求的对象，而接收者则是链中那些接收这种请求并且对其进行处理或传递的对象。请求本身有时候也可以是一个对象，它封装了和操作有关的所有数据，基本实现流程如下：1. 发送者知道链中的第一个接收者，它向这个接收者发送该请求。2. 每一个接收者都对请求进行分析，然后要么处理它，要么它往下传

2017-02-15 11:20:16 189

转载 javascript 设计模式-代理模式

代理是一个对象，它可以用来控制对本体对象的访问，它与本体对象实现了同样的接口，代理对象会把所有的调用方法传递给本体对象的；代理模式最基本的形式是对访问进行控制，而本体对象则负责执行所分派的那个对象的函数或者类，简单的来讲本地对象注重的去执行页面上的代码，代理则控制本地对象何时被实例化，何时被使用；我们在上面的单体模式中使用过一些代理模式，就是使用代理模式实现单体模式的实例化，其他的事情就交给本体对

2017-02-15 11:19:33 201

转载 javascript 设计模式-模块模式

我们通过单体模式理解了是以对象字面量的方式来创建单体模式的；比如如下的对象字面量的方式代码如下：var singleMode = { name: value, method: function(){ }};模块模式的思路是为单体模式添加私有变量和私有方法能够减少全局变量的使用；如下就是一个模块模式的代码结构：

2017-02-15 11:18:37 206

转载 javascript 设计模式-单体模式

单体模式提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码可以通过单一变量进行访问。单体模式的优点是：可以用来划分命名空间，减少全局变量的数量。使用单体模式可以使代码组织的更为一致，使代码容易阅读和维护。可以被实例化，且实例化一次。什么是单体模式？单体模式是一个用来划分命名空间并将一批属性和方法组织在一起的对象，如果它可以被实例化，那么它只能被实例化一次。

2017-02-15 11:16:41 303

转载 javascript 设计模式-工厂模式

工厂模式类似于显示生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果；简单的工厂模式可以理解为解决多个相似的问题；function CreatePerson(name,age,sex) { var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex;

2017-02-15 11:00:43 184

原创 jquery 获取浏览器窗口的高度和宽度

$(document).ready(function() { alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(do

2017-02-06 16:48:29 242

灰太狼-铜豌豆的博客