随笔分类 -  javascript

上一页 1 2
javascript学习；基础；面向对象；
高性能JavaScript模板引擎原理解析
摘要：今天刚知道js都有模板引擎了。转一篇文章：原文：http://cdc.tencent.com/?p=5723jqueryupload：https://github.com/blueimp/jQuery-File-Upload#download随着 web 发展，前端应用变得越来越复杂，基于后端的 javascript(Node.js) 也开始崭露头角，此时 javascript 被寄予了更大的期望，与此同时 javascript MVC 思想也开始流行起来。javascript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，近一年来在开源社区中更是百花齐放，在 Twitter 阅读全文
posted @ 2013-03-06 10:38 simpman 阅读(280) 评论(0) 推荐(0)
lazyload
摘要：参考：http://www.appelsiini.net/projects/lazyloadhttp://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.htmlhttp://www.cnblogs.com/starweb/archive/2012/05/30/2524980.html 阅读全文
posted @ 2013-02-28 16:46 simpman 阅读(148) 评论(0) 推荐(0)
filter 方法 (JavaScript)
摘要：filter 方法全部折叠全部展开代码：全部代码：多种代码：Visual Basic代码：C#代码：Visual C++代码：F#代码：JScriptfilter 方法 (JavaScript)返回数组中的满足回调函数中指定的条件的元素。array1.filter(callbackfn[, thisArg])参数参数定义array1必需。一个数组对象。callbackfn必需。一个接受最多三个参数的函数。对于数组中的每个元素，filter方法都会调用callbackfn函数一次。thisArg可选。可在callbackfn函数中为其引用this关键字的对象。如果省略thisArg，则undef 阅读全文
posted @ 2013-02-28 14:26 simpman 阅读(379) 评论(0) 推荐(0)
正则表达式（三）：Unicode诸问题（下）
摘要：上一篇文章我们介绍了和Unicode有关的匹配问题，这篇文章我们主要讲述一下Unicode编码本身的特性，以便更好地运用正则表达式解决与Unicode相关的问题。Unicode Code PointUnicode字符多种多样，除去ascii中的字母、数字、标点和中文字符，还包括其它多种语言和多种符号，有些符号甚至很难打出来（比如表示商标注册的?），这时候该如何表示呢？再说远一点，如果我们想用一个字符组匹配所有中文字符，能不能像『[a-z]』那样呢？所幸，每一个Unicode字符都对应自己的Unicode编码，也就是Unicode编码表中的一个代码点（Code Point），所以在正则表达式中的 阅读全文
posted @ 2013-02-22 10:58 simpman 阅读(444) 评论(0) 推荐(0)
正则表达式（二）：Unicode诸问题（上）
摘要：关于正则表达式的文档很多，但大部分都是英文的，即便有中文的文档，也翻译或改编自英文文档。在介绍功能时，这样做没有大问题，但真要处理文本，就可能会遇到一些英文开发或应用环境中难得见到的问题。比如中文之类多字节字符的匹配，就是如此。所以，这篇文章专门谈谈正则表达式如何处理多字节字符，更准确地说，是如何处理Unicode编码的文本（为什么只提到Unicode编码，而没有提到其它编码，理由在后面详述）。首先介绍关于编码的基础知识：通常来说，英文编码较为统一，往往采用ascii编码或兼容ascii的编码（即编码表的前127位与ascii编码一致，常用的各种编码，包括Unicode编码都是如此）。也就是说 阅读全文
posted @ 2013-02-22 10:57 simpman 阅读(360) 评论(0) 推荐(0)
中文字符,全角字符的正则表达式
摘要：经过测试其中匹配双字节字符(包括汉字在内)：[^\x00-\xff]非常好用推荐一下两外推荐个网址http://mscenter.edu.cn/blog/yongsheng/archive/2004/11/19/308.html这个家伙收录的正则很多，呵呵关键字：正则表达式 模式匹配 Javascript摘要：收集一些常用的正则表达式。正则表达式用于字符串处理，表单验证等场合，实用高效，但用到时总是不太把握，以致往往要上网查一番。我将一些常用的表达式收藏在这里，作备忘之用。本贴随时会更新。匹配中文字符的正则表达式： [\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\ 阅读全文
posted @ 2013-01-28 18:02 simpman 阅读(519) 评论(0) 推荐(0)
8、检测浏览器和操作系统
摘要：8.1 navigator对象bom提供的最早对象之一，提供了浏览器的信息属性。8.2 检测浏览器的方式 一般有两种检测方式：1、对象/特征检测 2、user-agent字符串检测。8.2.1对象/特征检测法 对象检测涉及到，在使用一个给定对象之前要先检查它的存在。例如要使用DOM方法document.getElementById(),但不确定浏览器是不是支持它。if(document.getElementById){ //the method exists, so use it here}else{ // do something else}如果属性或方法不存在就会返回undefined。B 阅读全文
posted @ 2013-01-26 12:09 simpman 阅读(255) 评论(0) 推荐(0)
7、正则表达式
摘要：7、正则表达式7.1正则表达式支持javascript对正则表达式的支持是通过ECMAScript的RegExp类实现的。RegExp对象的构造函数可以有一个或两个参数。 第一个秒速了要进行匹配的模式字符串，第二参数制定了额外命令。var reCat = new RegExp("cat");var reCat = new RegExp("cat","gi"); g为global缩写，要匹配字符串中所有cat。i不区分大小写。perl风格的语法var reCat = /cat/gi;创建regexp后，regexp 和 String对一 阅读全文
posted @ 2013-01-22 18:23 simpman 阅读(294) 评论(0) 推荐(0)
DOM
摘要：要访问<html/>元素可以使用document的特性var oHtml = document.documentElement;要取得<head/>和<body/>元素，可以用下面实现：var oHead = oHtml.firstChild;var oBody = oHtml.lastChild;也可以使用childNodes特性来完成相同的工作。var oHead = oHtml.childNodes[0];var oBody = oHtml.childNodes[1];你还可以通过childNodes.length特性来获取子节点数量。alert(oH 阅读全文
posted @ 2013-01-22 01:04 simpman 阅读(211) 评论(0) 推荐(0)
浏览器中的javascript
摘要：5.3.1 window对象window 对象表示整个浏览器窗口，但不必表示其中包含的内容。window 还可用于 移动调整它表示的浏览器的大小。<html> <head> <title>Frameset Example</title> </head> <frameset rows="100,*"> <frame src="frame.html" name="topFrame" /> <frameset cols="50%,50%&qu 阅读全文
posted @ 2013-01-21 15:03 simpman 阅读(267) 评论(0) 推荐(0)
DOM对象与jquery对象有什么不同
摘要：jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象;jQuery 阅读全文
posted @ 2013-01-15 14:39 simpman 阅读(178) 评论(0) 推荐(0)
5 浏览器中Javascript
摘要：5.3 BOM5.3.1 window对象 window 对象表示整个浏览器窗口，但不必表示其中包含的内容。window 还可用于移动调整它表示的浏览器的大小。 阅读全文
posted @ 2013-01-06 11:08 simpman 阅读(154) 评论(0) 推荐(0)
4.继承
摘要：1、对象冒充function ClassA（sColor）{ this.color = sColor; this.showColor = function(){ console.log(this.scolor); } }function ClassB(sColor){ this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod;}var objA = new ClassA("red");var objB = new ClassB("blue","Nicholas& 阅读全文
posted @ 2013-01-06 02:03 simpman 阅读(175) 评论(0) 推荐(0)
3、面向对象
摘要：3.1面向对象 属性的无序集合，每个属性存放一个原始值、对象和函数 通用的定义基于代码的名词表示ecmascript 并没有正式的类，相反，ecmascript-262把对象定义描述为对象的配方。 对象定义存放在一个函数中--构造函数。构造函数不是特殊函数，它只是用于创建对象的常规函数。 面向对象需要向开发者提供四种基本能力： 1、封装--把相关信息存储在对象中的能力。 2、聚集--把对象存储在另一个对象内的能力。 3、继承--由另一个类得来累的属性和方法的能力。 4、多态--编写能以多种方法运行的函数或方法的能力。3.1.2 对象的构成 属性+方法3.2 对象的应用 3.2.1 声明和实例化 阅读全文
posted @ 2012-12-27 18:08 simpman 阅读(186) 评论(0) 推荐(0)
ECMAScript 基础 [完]
摘要：2.2 变量var test = "hi", test2 = "hola";var test = "hi", age = 25;var test;camel标记语法 myTestValuePascal标记语法 MyTestValue匈牙利类型写法 iMyTestValue = 0, sMySecondTestValue = "hi";2.3 关键字2.4 保留字2.5原始值和引用值原始值:简单的数据片段引用值：指向村粗对象内存的指针原始类型包括：Undefined、Null、Boolen、String、Number 阅读全文
posted @ 2012-12-25 18:01 simpman 阅读(195) 评论(0) 推荐(0)
javascript 学习--javascript高级程序设计
摘要：netscape + sun -> liveScriptnetscape ->javascriptmicrosoft -> ie3 jscript1997 javascript 1.1 提交给ECMA ECMA-262javascript 包括3个部分核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)ECMA 描述的以下内容:语法；类型；语句；关键字；保留字；运算符；对象；1、实现了ECMA-262中描述的支持所有的“类型，值，对象，属性，函数和程序语法及语义”2、可以增加“额外的类型，值，对象，属性，函数和程序语法及语义”3、支持Unicode字符标 阅读全文
posted @ 2012-12-25 11:13 simpman 阅读(122) 评论(0) 推荐(0)

上一页 1 2