随笔分类 - JavaScript&jQuery
backbone.js初探(转)
摘要:BackBone是JavaScript frameworks for creating MVC-like web applications,最近流行的用来建立单页面web application的工具,遵循并使用了Restful JSON框架。Backbone通过提供模型Models、集合Collection、视图View赋予了Web应用程序分层结构。通过以下方式实现分层结构:模型Model绑定键值数据和自定义事件,表示应用中所有数据,models中的数据可以创建、校验、销毁和保存到服务端,当models中值被改变时自动触发一个"change"事件、所有用于展示models
阅读全文
JavaScript有关的10个怪癖和秘密(转)
摘要:数据类型和定义------------------------------------------------------------------------------------------------1. Null是个对象 JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码:alert(typeof null); //弹出 'object' 如下截图: 尽管typeof值显示是"object",但null并不认为是一个对象实例。要知道,JavaScript中
阅读全文
JavaScript处理JSON
摘要:一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。JSON构建的结构:在JSON中,有两种结构:对象和数组。1. “名称/值”对的集合(A co.
阅读全文
javascript实现URL编码与解码
摘要:一、预备知识URI是统一资源标识的意思,通常我们所说的URL只是URI的一种。典型URL的格式如下所示。下面提到的URL编码,实际上应该指的是URI编码。foo://example.com:8042/over/there?name=ferret#nose \_/ \______________/ \________/\_________/ \__/ | | | | | scheme authority path query fragment url编码是一种浏览器用来打包表单输入的格式。浏览器从表单中获取所有的name和其中的值 ,将它们以name/value参数编码(移去...
阅读全文
jQuery学习笔记2——表单操作
摘要:一、获取和设置表单的值:val()和text()1. 获取表单的值:$("#username").val();2.设置表单的值:$("#username").val("我来了");$("input[name='password']").val()//checkbox得到的是一个数组,需要进行遍历$("input[name='interest']:checked").each(function(n){ alert($(this).val()); }); //chec
阅读全文
快速开发 jQuery 插件的 10 大技巧(转)
摘要:1. 把你的代码全部放在闭包里面这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务,所以不存在这个问题,你可以把所有的代码都放在闭包里面。而方法可能应该放在Prototype方法内部,我们后面会讲到这一点。(function($){ //code here})(jQuery);2. 提供插件的默认选项你的插件应该会有一些选项是可以让开发者设置的,所以提供恢复默认选项是以有必要的。你可以通过jQuery的extend功能来设置这些选项:var defaultSettings = { mode : ’Pencil’...
阅读全文
iScroll框架的使用和修改
摘要:iScroll 的诞生是因为手机 Webkit 浏览器(iPhone、iPod、Android 和 Pre)本身没有为固定宽度和高度的元素提供滚动内容的方法。这导致了很多网页使用 position:absolute 无法固定页头页尾,并对内容进行滚动的方式。而 iScroll 就是为了解决这个问题。...
阅读全文
判断站点访问的终端类型(移动端还是pc端)的方法(转)
摘要:要了解某个网站是在移动设备上打开的还是在pc web浏览器中打开的,我们可以有以下综合的几种方式来搞定:通过判断Request.UserAgent中的具体信息来分析判断,因为UserAgent包含了很多的信息,所以我们可以根据其中的某些信息来进行判断,具体的判断方式如下:(1)string strUserAgent = Request.UserAgent.ToString().ToLower(); if (strUserAgent != null){ if (Request.Browser.IsMobileDevice == true || strUserAgent.Contains(&quo
阅读全文
图像替换技术
摘要:1、Fahrner图像替换为了表示对发明者Todd Fahrner的尊重,这个技巧随后也被叫做“Fahrner图像替换(Fahrner Image Replacement,FIR)”。该技巧的实现非常简单:用span将元素中的文本包围起来,然后通过应用CSS样式隐藏这个span中的文本,最后将背景图像应用到该元素之上即可。例如,对于下面的这一段HTMl标记:<h1 id="pageHeader"><span>webjx.com</span></h1>我们可以使用下面的这段CSS容易地实现图像替换:#pageHeader {ba
阅读全文
jQuery学习笔记1——操作属性
摘要:一、获得和设置内容三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容,得到匹配元素集合中每个元素的文本内容结合,包括他们的后代, 即由所有匹配元素包含的文本内容组合起来的文本html() - 设置或返回所选元素的内容(包括 HTML 标记),从匹配的第一个元素中获取HTML内容val() - 设置或返回表单字段的值,获取匹配的元素集合中第一个元素的当前值,主要用于获取表单元素的值, 至于元素,.val()方法返回一个包含每个选中的 option 的数组prop()-获取在匹配的元素集中的第一个元素的属性值,如果没有匹配的元素。它返回undef
阅读全文
Javascript/jquery异步加载使用方法详解(转)
摘要:关键词:异步加载(async loading),延迟加载(lazy loading),延迟执行(lazy execution),async 属性, defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式:<script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。js之所以要同步执行,是因为 js 中可能有输出 document 内容、修改d
阅读全文
学习ExtJs的几个资源(转)
摘要:ExtJs官方网 http://www.extjs.com/ExtJs中文站 http://www.ajaxjs.com/examples/一起EXT论坛 http://www.17ext.com/EXT新手建议 http://www.javaeye.com/topic/179990Meetrice EXT JS 编程资料馆 http://www.cnblogs.com/meetrice/category/137349.htmlJustin Blog http://blog.csdn.net/huoyanxueren/archive/2008/07.aspx小肖的专栏 http://blog.
阅读全文
使用Qunit对JavaScript进行单元测试
摘要:一、什么是单元测试(wikipedia)在计算机编程中,单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单元就是方法,包括基类(超类)、抽象类、或者派生类(子类)中的方法。通常来说,程式設計師每修改一次程式就會進行最少一次單元測試,在編寫程式的過程中前後很可能要進行多次單元測試,以證實程式達到軟件規格書(en:Specification)要求的工作目標,沒有程序錯誤;雖然单元测试不是什么必须的,但也不坏,這牽涉到專案管理的政策決定。单元测试的目标是
阅读全文
Javascript中数组的sort方法的分析
摘要:定义和用法JavaScript中sort() 方法用于对数组的元素进行排序,返回一个元素已经进行了排序的 Array 对象语法arrayObject.sort(sortby)参数描述sortby可选。规定排序顺序。必须是函数。其中:sortby是可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。sortby函数有两个参数。分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个数组项都回执行这个参数,并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序,否则就不交换。如果为 sortby参
阅读全文
jQuery.extend 函数详解(转)
摘要:JQuery的extend扩展方法:Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用: var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。
阅读全文
JS键盘事件种类、兼容和优化
摘要:一、浏览器的按键事件总结用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级。这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后返回一个可打印的“!”字符,而keydown和keyup只是记录了shift + 1这个事件。但是key
阅读全文
利用HTML5的一个重要特性—DeviceOrientation来实现手机网站上的摇一摇功能(转)
摘要:转自:<script>// DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。// 这个特性包括两个事件:// 1、deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据(手机所处的角度、方位和朝向等)。// 2、deviceMotion:封装了运动传感器的事件,可以获取手机运动状态下的运动加速度等数据。// 使用这两个事件,可以很能够实现重力感应、指南针等有趣的功能。// 现在在很多Native应用中有一个非常常见而时尚的功能 —— 摇一摇,摇一摇找人、摇一摇看新闻、摇一摇找金币。。。
阅读全文
JavaScript 多种方法实现类(转)
摘要:摘自:http://www.nowamagic.net/javascript/js_MethodsToCreateClass.php构造方法function coder(){ this.name = '现代魔法'; this.job = 'Web 开发者'; this.coding = function () { alert('我正在写代码'); }}var coder = new coder();alert(coder.name);coder.coding();工厂方法function createCoderFactory(){ var obj
阅读全文
HTML5开发-在你的游戏应用中加入广告(转)
摘要:如何利用lufylegend.js开源引擎在游戏中加入广告。利用lufylegend.js引擎1.7.2版中的新功能LStageWebView,可以在html中加入一个iframe用来显示一个外部页面,我们可以利用这个功能来显示广告。lufylegend.js引擎官网http://lufylegend.com/lufylegend我使用了google adsense广告,当然你也可以使用其他广告,方法一样,好了现在开始。第一步,你要有一个网站。第二步,要在google adsense申请注册一个广告。注:会根据你网站的内容进行审核,申请不通过的话,可以好好看一下google adsense的协
阅读全文
学习XPath
摘要:XPath 是一门在 XML 文档中查找信息的语言,一种用于在 XML 文档中导航的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素,并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。因此,对 XPath 的理解是很多高级 XML 应用的基础。XPath 使用路径表达式在 XML 文档中进行导航XPath 包含一个标准函数库,XPath 含有超过 100 个内建的函数。这些函数用于字符串值、数值、日期和时间比较、节点和 QName 处理、序列处理、逻辑值等等。XPath 是 XSLT 中的主要元素XPa
阅读全文