12 2013 档案

模式学习⑧--观察者模式
摘要：var publisher = { // 一个由数组组成的集合 subscribers : { any : []// 事件类型： 订阅者(subsribes) }, // 将订阅者加入数组 // subscribers : { any : [fn], weekly : [fn], monthly : [fn]} subscribe : function(fn, type){ type = type || 'any'; if(typeof this.subscr... 阅读全文
posted @ 2013-12-31 15:43 楚玉 阅读(236) 评论(0) 推荐(0)
模式学习⑦ --中介者模式
摘要：很多时候无可奈何，我无法改变很多。。我以为可以改变，只要我愿意--像是一个个的轮回，死而复生，心死复生的喜悦。可是再一次，我宁愿那颗心从未苏醒。。。若是要一定是一座浮萍，要是可以自由的，快乐的，我在所不惜--中介者模式通过解耦来提高代码可维护性// player function Player(name){ this.points = 0; this.name = name; } Player.prototype.play = function(){ this.points += 1; mediator.played()... 阅读全文
posted @ 2013-12-30 15:10 楚玉 阅读(209) 评论(0) 推荐(0)
模式学习(六)--- 策略模式
摘要：var validator = { // 所有可用的检查类型 types : {}, // 在当前验证绘画中的错误消息 message : [], // 当前验证配置 config : {}, // 接口方法 validate : function(data){ var i, msg, type, checker, result_ok; // 重置所有消息 this.message = []; f... 阅读全文
posted @ 2013-12-26 18:51 楚玉 阅读(196) 评论(0) 推荐(0)
模式学习(五)--装饰者模式
摘要：function Sale(price){ this.price = price || 100; this.decorators_list = [];// 装饰着列表作为自身的属性 } // 追加列表 Sale.prototype.decorate = function(decorator){ this.decorators_list.push(decorator); }; // getPrice 完成所有工作 Sale.prototype.getPrice = function(){ var pric... 阅读全文
posted @ 2013-12-26 16:13 楚玉 阅读(235) 评论(0) 推荐(0)
模式学习(四)-迭代器
摘要：var agg = (function(){ var index = 0, data = [1,2,3,4,5], length = data.length; return { next : function(){ var element; if(!this.hasNext){ return null; } element = data[inde... 阅读全文
posted @ 2013-12-24 18:42 楚玉 阅读(164) 评论(0) 推荐(0)
模式学习（三）- 工厂模式
摘要：一: 一般的工厂模式 function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; return o; }var p1 = new createPerson("nick", 90, "doctor");二： function Create(){} Create.factory = function(childOperation){ return new Create[childOperation... 阅读全文
posted @ 2013-12-24 17:52 楚玉 阅读(183) 评论(0) 推荐(0)
模式学习(二)
摘要：闭包的作用？匿名函数的作用？很多次面试会被问到：(function(){})()1. 匿名函数的作用域只能在这个闭包里，但是同时又能访问到外面的变量；2. 匿名函数里面，我们可以将全局变量当做参数传入，然后使用，相比隐式全局变量，更清晰，更快var block = (function(){ var my = {}; my.name = "Nick"; return my; })(); var block = (function(my){ my.add = [12,3,4]; return my; })(bl... 阅读全文
posted @ 2013-12-18 16:49 楚玉 阅读(145) 评论(0) 推荐(0)
图片居中跟inline-block
摘要：我必须舍弃一些东西———— 最近在接触淘宝的U站，觉得有些意思，但是渐渐的，我觉得自己似乎对于这个东西的投入的精力变多了；或者是我被他吸引了，盘算着一些事情。但是我还是想不要这样了， 我必须舍弃一些，专心继续学习才是. 在这提醒下自己,想到在空间看到人家说的一句话“这世界最可怕的是，比你优秀的人竟然比你还要努力！”。 前面有段时间，坐在这个位子上，觉得我为什么要浪费一整天的时间？！浪费我的青春？！心里就一阵阵的悲伤！ 这半年，是我曾经希望在的地点，可是，现在我不纠结，也不幽怨了，却在颓废！ 记录下，今天群里面讨论的在“div里面图片居中”，这算是一个老生常谈，刚开始接触css的时候就... 阅读全文
posted @ 2013-12-17 18:29 楚玉 阅读(955) 评论(1) 推荐(0)
模式学习（一）
摘要：一：在javascript中，对象之间永远不会完全相等，除非他们是同一个对象，因此即使创建一个具有完全相同成员的同类对象，它也不会与第一个对象完全相同。var o1 = { name : "Nick" }; var o2 = { name : "Nick" }; console.log(o1 === o2); // false 只有var q1 = {}; var q2 = q1; q2 === q1; // true二：构造函数（在构造函数的静态属性中缓存实例，这是一种很好的实现方法，唯一的缺点在于instance属性是公开可访问的属性，... 阅读全文
posted @ 2013-12-17 17:51 楚玉 阅读(237) 评论(0) 推荐(0)
高效图形（一）
摘要：1 var Pet = function(name, legs){ 2 this.name = name; 3 this.legs = legs; 4 }; 5 Pet.prototype.getDetails = function(){ 6 return this.name + " has " + this.legs + " legs"; 7 }; 8 9 var Cat = function(name){10 Pet.call(this, name, 4);// Call the parent object's constructor11 } 阅读全文
posted @ 2013-12-07 17:17 楚玉 阅读(218) 评论(0) 推荐(0)
eval() / Function()
摘要：1 var o1 = new function(){ 2 return "晶晶"; 3 }; 4 console.log("o1",JSON.stringify(o1)); 5 6 7 var o2 = new function(){ 8 this.name = "nick"; 9 };10 console.log("o2",JSON.stringify(o2));11 12 13 var o3 = new function(){14 this.name = "xian";15 ... 阅读全文
posted @ 2013-12-06 17:56 楚玉 阅读(400) 评论(0) 推荐(0)
css3(一)
摘要：1 2 3 4 5 css3 太极 6 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 1. border-shadow2. border-radius3. transform4. transition5. gradient转自：http://www.linxz.de/de... 阅读全文
posted @ 2013-12-05 18:35 楚玉 阅读(216) 评论(0) 推荐(0)
回调函数（二）
摘要：有时候回调并不是一次性的匿名函数或全局函数，而是对象的方法。如果该回调方法使用this来引用她所属的对象，这可能会导致意想不到的行为。 1 win.color = "#ffc000"; 2 // 重构findNodes() 以接受一个回调函数 3 var findNodes = function(callback, callback_obj){ 4 var eles = doc.body.getElementsByTagName("*"); 5 var i = eles.length, 6 ... 阅读全文
posted @ 2013-12-04 14:45 楚玉 阅读(153) 评论(1) 推荐(0)
回调函数（一）
摘要：;(function(win, doc){ // 返回所有的元素节点 var findNodes = function(){ var eles = doc.body.getElementsByTagName("*"); var i = eles.length, nodes = [], found; while(i){ i -= 1; found = eles[i]; ... 阅读全文
posted @ 2013-12-04 11:48 楚玉 阅读(176) 评论(0) 推荐(0)
通过改变scrollTop使元素滚动
摘要：.gift{background: red;width: 100px;height: 200px;overflow: hidden;} 2 2222 2222 233333 24444 25555 26666 26666342356 265y34757 2 2222 2222 233333 24444 25555 26666 26666342356 265y34757$(window).click(function(){ var gift = $(".gift")[0]; ... 阅读全文
posted @ 2013-12-03 16:41 楚玉 阅读(959) 评论(0) 推荐(0)
parseJSON()
摘要：var oo = '{"gname":"\u5c60\u9f99\u4f20\u8bf4","status":"1","servers":{"29":"\u9b54\u9f99\u4e4b\u5fc3","28":"\u51e4\u821e\u4e5d\u5929","27":"\u77f3\u7834\u5929\u60ca","26":" 阅读全文
posted @ 2013-12-03 16:30 楚玉 阅读(682) 评论(0) 推荐(0)
部分原生js的兼容实现
摘要：一：获取当前元素的所有class:div: 1: var classes = $0.className.split(" "); // ["J_list", "", "", "", "", "now"];2: var classed = $0.className.split(/\s+/); // ["J_list", "now"]这两的区别(多个空格)。二：阻止继续查找 资源浪费 var arr = [1,2,3,4, 阅读全文
posted @ 2013-12-02 16:09 楚玉 阅读(190) 评论(0) 推荐(0)
正则学习一（exec与match）
摘要：指定查找某个子字符串:1 var p = /显哥哥/g；2 var resp = p.exec("hh显哥哥jjhjh")；3 console.log("find" + resp);// "find显哥哥" 阅读全文
posted @ 2013-12-01 15:28 楚玉 阅读(150) 评论(0) 推荐(0)
跨域二（jsonp）
摘要：上次学习了xhr的发送过程，以及什么是跨域：主域不同，子域不同（主域跟子域，子域之间），端口不同，协议不同。连接地址：http://www.cnblogs.com/chuyu/p/3449688.html 但是jsonp是完全跟xhr不相关的东西，它是利用js的src能够跨域。而我们都知道json是一种被广泛使用的纯字符格式的数据，将json包装成js，便可以轻松的跨域。 如: 本地有以下js： 1 var localHandler = function(data){2 console.log('我是本地函数，可以被跨域的remote.js文件调用，远程js带来的数... 阅读全文
posted @ 2013-12-01 14:38 楚玉 阅读(597) 评论(0) 推荐(0)