随笔分类 - js
摘要：原文：http://www.dofactory.com/javascript-builder-pattern.aspxfunction Shop() { this.construct = function(builder) { builder.step1(); builder.step2(); return builder.get(); }}function CarBuilder() { this.car = null; this.step1 = function() { this.car = new Car();...
阅读全文
摘要：原文今天在51js上看到的花剑雪提到的运算符重载，出了以个题目如下：var a=new Test();a.setNumber(2);var b=new Test();b.setNumber(3);if(a+b==5) alert("it works!");的确，如果能重载'+', 问题就迎刃而解了， 想了一会， 每个object都有个toString方法， 将object转换成string， 于是乎啊想了下面的实现方法：<script>function Test() {var _this = this;this.nx = 0;this.setNu
阅读全文
摘要：http://drupal.org/node/201916http://drupal.org/node/206792http://www.newhua.com/2012/1205/187066_4.shtml原文http://www.2cto.com/kf/201204/126311.htmlhttp://www.cnblogs.com/Miser/archive/2012/04/04/2432505.html最近看完了《高性能JavaScript》http://book.douban.com/subject/5362856/，打算写一系列的文章把知识点巩固下，尽管工具介绍在书的最后，但是为了
阅读全文
摘要：js删除数组重复Array.prototype.unique = function() { var a = {}; for (var i = 0; i < this.length; i++) { if (typeof a[this[i]] == "undefined") a[this[i]] = 1; } this.length = 0; for (var i in a) this[this.length] = i; return this;}完
阅读全文
摘要：源码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u
阅读全文
摘要：参考地址：http://www.planabc.net/2011/05/31/simple_javascript_template_substitute/源码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head> <script type="text/javascript" src="jquery.min.js">&l
阅读全文
摘要：源码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u
阅读全文
摘要：源码：var strings = "http://www.baidu.com?ni=10";regs = /\?.*/galert(regs.exec(strings)); 完
阅读全文
摘要：源码： var strings = "product="; for (var key in duibi_arr_) { if(strings == "product=") { strings = strings + duibi_arr_[key]; } else { strings = strings + "@" + duibi_arr_[key]; } } 完
阅读全文
摘要：参考地址：http://luohua.iteye.com/blog/193312<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标
阅读全文
摘要：结合ajax段代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha
阅读全文
摘要：原文地址：http://zhidao.baidu.com/question/174994782.htmlfunction QueryString(fieldName) if(urlEnd != -1) { var paramsUrl = urlString.substring(urlEnd+typeQu.length); var isEnd = paramsUrl.indexOf('&'); if(isEnd != -1) { return paramsUrl.substring(0, isEnd); } else { return paramsUrl; } } els
阅读全文
摘要：参考地址：http://edu.codepub.com/2010/0908/25776.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-T
阅读全文
摘要：1function google_maps(){ var latlng; var myOptions; var map; var init = function() { set_center(31.2, 121.4); }; this.change_center = function() //this为公有变量 作接口用 { set_center(33, 121.4); }; var set_center = function(jd, wd) { latlng = new google.maps.LatLng(jd, wd); app_option(); }; var app_option =
阅读全文
摘要：1var G = { html: {content:"<tr><td height='10'></td></tr><tr><td ><a href='#' class='listtitle_g' >在<span class='listtitle_o'>网络时代</span>信息是堵不住的</a><span id='sen_datetime' class='text'
阅读全文
摘要：1function Shape(ax,ay){ var x=0; var y=0; var init = function() { //构造函数 x=ax; y=ay; }; init();}这样，我们就可以这样创建对象：var aShape = new Shape(0,1); Javascript中的类实现Javascript本身并不支持面向对象，它没有访问控制符，它没有定义类的关键字class，它没有支持继承的extend或冒号，它也没有用来支持虚函数的virtual，不过，Javascript是一门灵活的语言，下面我们就看看没有关键字class的Javascript如何实现类定义，并创建
阅读全文
摘要：原文地址：http://blog.csdn.net/sicluoyi/article/details/1737969考虑一个这样的例子: 假如某个项目的底层和高层是由不同的人员协同完成.底层负责数据的存取,高层负责数据的表示.当高层要用到某个模块的数据,于是他对底层人员说,我需要你们提供满足某种需求的数据,你给我提供一个接口. 底层的人员说:我给你提供数据,怎么展示和处理则是你的事情.我不可能为你每个需求都提供一个数据接口,我给你提供一个通过的接口.你得到数据,然后自己写函数去展示.由是经过协商,双方提供了一个这样的接口://data表示底层提供的数据源,funcName表示高层的调用函数 f
阅读全文
摘要：原文地址：http://developer.51cto.com/art/201103/246729.htm初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。AD：有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。<!DOCTYPEHTML><html><head><metacharset="utf-8"/>
阅读全文
摘要：原文地址：http://developer.51cto.com/art/201006/207210.htm闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分，本文将用通俗的语言带您深入理解Javascript闭包的概念。AD：对于初学者来说，理解Javascript闭包(closure)还是比较困难的，而撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目，让初学者理解起来更加容易一些。一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分
阅读全文
摘要：原文地址：[setTimeout]setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次用setTimeout实现的自动变化显示随机数的效果:<html><head><script>window.onload=sett;function sett(){document.body.innerHTML=Math.random();setTimeout(sett(),500);}</script> </head><body></body></html>
阅读全文
