03 2015 档案

远程调试工具weinre使用教程
摘要：一：前言我们都知道，chrome的开发者工具（f12）是一个方便我们调试PC页面的工具。但是现在我们的开发离不开移动端，那如果我们需要对手机页面进行调试，那该怎么办了？当然，chrome的开发者工具还是强大的，我们可以再开发者工具中开启device mode来模拟手机调试。具体步骤为： 1. 点击这... 阅读全文
posted @ 2015-03-30 10:37 oadaM92 阅读(3490) 评论(0) 推荐(5)
《javascript设计模式》笔记之第十章 和 第十一章：门面模式和适配器模式
摘要：第十章：门面模式一：门面模式的作用简化已有的api，使其更加容易使用解决浏览器的兼容问题二：门面模式的本质门面模式的本质就是包装已有的api来简化操作三：门面模式的两个简单例子下面这个例子就是一个简单的门面模式，用来处理事件的兼容性问题：function addEvent(el, type, fn)... 阅读全文
posted @ 2015-03-29 20:02 oadaM92 阅读(296) 评论(0) 推荐(0)
《javascript设计模式》笔记之第九章：组合模式
摘要：之前一直都是按照书的结构顺序做总结，觉得好像不是很好，现在试着完全按照自己的理解做总结。例子还是书上的例子。一：组合模式的作用：在web开发中，主要用于创建嵌套的html结点，使得我们方便的把各种结点连接起来，并且提供简易的操作。二：组合模式的结构：结构就像我们的文件结构一样讲Composite理解... 阅读全文
posted @ 2015-03-28 20:20 oadaM92 阅读(253) 评论(0) 推荐(0)
《javascript设计模式》笔记之第八章：桥接模式
摘要：个人理解：桥接模式就是更进一步地封装已有api，通过这个封装连接你的输入和底层api（初步理解，以后加深理解有不同体会之后可能要修改）一：示例：事件监听器下面这个示例就演示了通过一座桥（也就是一个API函数）来连接你的输入和原生的ajaxfunction getBeerById(id, callba... 阅读全文
posted @ 2015-03-26 12:34 oadaM92 阅读(213) 评论(0) 推荐(0)
《javascript设计模式》笔记之第七章：工厂模式
摘要：在读了这章之后，根据我个人现在的理解，工厂模式就是：将一个类或者一个方法称为一个工厂，然后再将一些模块交给这个工厂，让这个工厂按照给它的不同模块产出不同的实例。下面为正文：一：简单工厂：例子：分两部分，第一部分：单车厂（负责产出单车）var BicycleFactory = { createBic... 阅读全文
posted @ 2015-03-25 23:54 oadaM92 阅读(243) 评论(0) 推荐(0)
《javascript设计模式》笔记之第六章：方法的链式调用
摘要：这一章要实现的就是jQuery的那种链式调用，例子：$(this).setStyle('color', 'green').show();一：调用链的结构：首先我们来看一下最简单的$()函数的实现：function $() { var elements = []; for (var i = 0, ... 阅读全文
posted @ 2015-03-22 23:46 oadaM92 阅读(208) 评论(0) 推荐(0)
《javascript设计模式》笔记之第五章：单体模式
摘要：一：单体的基本结构：最简单的单体，实际就是一个对象字面量：var Singleton = { attribute1: true, attribute2: 10, method1: function() { }, method2: function(arg) { }};二：划分命名空间：单... 阅读全文
posted @ 2015-03-22 11:19 oadaM92 阅读(248) 评论(0) 推荐(0)
《javascript设计模式》笔记之第四章：继承
摘要：一：首先，一个简单的继承实例：首先是创建一个父类Person：function Person(name) { this.name = name;}Person.prototype.getName = function() { return this.name;}下面是创建一个子类Author，用... 阅读全文
posted @ 2015-03-20 16:00 oadaM92 阅读(203) 评论(0) 推荐(0)
《JavaScript设计模式》笔记之第三章：封装和信息隐藏
摘要：第三章创建对象的基本模式方法一：门户大开型var Book = function(isbn, title, author) { if(isbn == undefined ) throw new Error ('Book constructor requires an isbn.'); this.is... 阅读全文
posted @ 2015-03-16 19:51 oadaM92 阅读(269) 评论(0) 推荐(0)
《JavaScript设计模式》笔记之第一、二章：富有表现力的JavaScript 和 接口
摘要：第一章创建一个类方法一： var Anim = function() { ... }; Anim.prototype.start = function() { ... }; Anim.prototype.stop = function() { ... };方法二：... 阅读全文
posted @ 2015-03-16 19:44 oadaM92 阅读(194) 评论(0) 推荐(0)