JavaScript
qjbagu
这个作者很懒,什么都没留下…
展开
-
jQuery学习大总结(一)jQuery对象与dom对象转换
这几天会将jQuery的一些使用方法总结一下,希望能对jQuery初学者起到一定的帮助作用。今天主要看看jQuery对象和dom对象的相互转换,明白了这个,以后用起jQuery会方便很多。1、方法名冲突的解决办法 在开始使用jQuery时,我们首先应该避免jQuery与其他类库或自定义js的冲突。 先看一段最简单的代码:jQuery(document).ready(function()转载 2012-12-25 18:20:26 · 462 阅读 · 0 评论 -
Javascript和JQuery知识汇总
1、JS判断元素是否可见:document.getElementById("div1").style.display = “none”;2、JQuery对象和Dom对象转换:Jquery对象转换成dom对象第一种方法:Var $cr=$(“#cr”);//jquery对象Var cr=$cr[0];//dom对象Alert (cr.checked);第二种方法,通过原创 2013-07-18 22:45:23 · 580 阅读 · 0 评论 -
DOMContentLoaded事件
window的load事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发,不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。与load事件不同,DOMContentLoaded支持在页面下载的早期添加事件处理程序,这也就意味着用户能够尽早地与页面进行交互。要处转载 2013-07-17 17:35:36 · 1257 阅读 · 0 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象和数组。转载 2013-07-16 10:33:59 · 619 阅读 · 0 评论 -
世界上最优秀的20款移动开发框架
本文收集了20款针对开发者的移动开发框架,以帮助他们为移动爱好者开发出新颖、有用、有趣味的应用。1.FriesFries是一款稳定的HTML-CSS-JS框架,用于在实际项目和原型设计中创造类似于Android的原生UI界面。该框架包含所有的重要组件,比如Form、工具栏、列表、按钮、下拉列表及标签。它还专门针对PhoneGap进行了优化,能容易地转换为本地应用。源转载 2013-07-15 09:57:28 · 975 阅读 · 0 评论 -
jquerymobile图表插件支持
很久没写博客了,终于有点时间来分享点东西。 最近在做一个移动设备上的产品,之中用到图表,在移动设备上用的,所以要尽量小巧,还要做触摸支持。 我们选用了jqflot然后我自己写了触摸支持,下面贴出触摸支持的代码及使用方法。 源码如下:/* jquery.flot.touch.js * flot触摸支持插件 * 作者:转载 2013-07-12 15:12:01 · 817 阅读 · 0 评论 -
JQM的界面数据刷新
1. 为什么JQM的界面数据发生变化时需要refresh操作?JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作.为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似, 隐藏了原始的标签然后用一些新的标签转载 2013-07-12 15:10:36 · 767 阅读 · 0 评论 -
JQM脚本的引用及脚本写法经验
1. JQM脚本引用1.1 Jquery Mobile脚本引用顺序必须按下面的顺序引用 具体原因是因为Jquery Mobile是通过脚本做渲染的,我们的脚本对页面html的改变必须在渲染之前,否则样式会出现问题(个人的理解).1.2 Jquery Mobile脚本是否必转载 2013-07-12 15:10:02 · 763 阅读 · 0 评论 -
JQM页面载入方式的理解
1. JQM页面结构jQuery Mobile是通过data-role属性来区分渲染界面样式的,JQM里面提供的data-role如下表:参数说明page页面容器,其内部的mobile元素将会继承这个容器上所设置的属性header页面标题容器,这个容器内部可以包含文字、返回按钮、功能转载 2013-07-12 15:09:22 · 831 阅读 · 0 评论 -
从零开始学习jQuery (二) 万能的选择器
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六)转载 2013-07-18 16:15:17 · 661 阅读 · 0 评论 -
js中eval详解
eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下: 复制代码代码如下:var code1='"a" + 2'; //表达式 varcode2='{a:2}'; //语句 a转载 2013-07-25 15:10:04 · 583 阅读 · 0 评论 -
HTML5学习步骤
如何学习HTML5?这个话题,问的人很多,随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图,按照这个路线图学习以后,一般的HTML5项目开发就没问题了。仅作为参考。HTML5教程主要学习HTML标签、属性和事件。参考:http://www.w3school.com.cn/html5/index.asp转载 2013-12-09 10:24:05 · 1888 阅读 · 0 评论 -
如何忘却jQuery,开始使用JavaScript原生API
JavaScript就在这里随时等候你的召唤,但是也许你还没有准备好如何使用他。为什么不用jQuery呢?因为他很慢并且你的网站真的不需要这些多余的负担。我不是来这里争辩原生API和函数库的迥异,开发的时候很难不用到这些神奇的东东。但是我想讨论的是:如果仅为使用个选择器($)或者类似的东西,是否真的有必要加载jQuery。假设咱不是为了简化,每个人用jSomething是因为它支持转载 2013-11-29 14:10:11 · 897 阅读 · 0 评论 -
EXTJS4 MVC框架
在EXT的SDK中包含有一篇文章写的很好,可以作为广大初学EXT的ITer们的必读文章,因为全文都是英文,读起来非常不方便,所以在这里将该篇文章用本人的语言压缩成以下的博文:(仅供参考) 原文地址请参考:https://github.com/sndpl/extjs4_mvc_skel 由4楼二胖提供,或者可以直接到ext官网下载SDK.在MVC的布局模式中,所有的类都放置在app文件夹中,转载 2013-11-25 13:19:58 · 810 阅读 · 0 评论 -
绝对应当收藏的10个实用HTML5代码片段
HTML5的最简单模板如果你需要开始一个新的HTML5项目的话,大家肯定会需要一个最简单的模板,这里是一个非常简单并且清晰的HTML5模板,相信大家会喜欢! Untitled web的主要内容 表单获取Google地图这里有一段非常简单的代码,通过用户输入地点,获取google地图地点,非常适合生成联系人表转载 2013-10-31 13:23:44 · 711 阅读 · 0 评论 -
举例详细说明javascript作用域、闭包原理以及性能问题
这可能是每一个jser都曾经为之头疼的却又非常经典的问题,关系到内存,关系到闭包,关系到javascript运行机制。关系到功能,关系到性能。文章内容主要参考自《High Performance JavaScript》,这本书对javascript性能方面确实讲的比较深入,大家有空都可以尝试着阅读一下,我这里有中英电子版,需要的话QQ317665171或者QQ邮箱联系。复习,笔记,更深入的转载 2013-09-03 17:26:01 · 753 阅读 · 0 评论 -
10个你可能不知道的JavaScript小技巧
1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法。始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高。var myVar = "3.14159",str = ""+ myVar,// to stringint = ~~myVar, // to i转载 2013-09-03 15:57:25 · 716 阅读 · 0 评论 -
2011年度最佳 jQuery 插件
近日,国外著名博客WDL发布了2011年度最佳jQuery插件。jQuery自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的JavaScript框架。jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件,jQuery插件不仅能够增强网站的可用性,有效的改善用户体验,还可以大大减少开发时间。IsotopeIsotype 是一款非常优秀的转载 2013-09-03 14:20:14 · 773 阅读 · 0 评论 -
60个开发者不容错过的免费资源库
摘要:文章里收集了60个免费的开发资源库,它们种类丰富,功能齐全。这些资源包括Fitgrd、Horizontal menu、Upload form、Minimalistic、Fries、Linecons、Windows和Transit等等。希望它们在开发道路上能够助你一臂之力。文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种We转载 2013-08-29 09:30:18 · 659 阅读 · 0 评论 -
jQuery Mobile高手必备的十大技巧和代码片段
与任何新技术一样,常常难就难在如何开始入手。有鉴于此,我们整理出了与jQuery Mobile库有关的我认为最便利的一些技巧、方法和代码片段。由于本文不是旨在全面介绍使用jQuery Mobile库的入门知识,会忽略掉一些相当浅显的东西,而是直接探讨一些相当棘手的东西。另外欢迎留言,告诉我们你觉得哪些代码片段很实用,以及你所知道的其他任何实用的代码片段。1、转载 2013-07-12 15:08:15 · 889 阅读 · 0 评论 -
15 款为jQuery Mobile定制的插件推荐
1. jQuery Mobile Pagination Plugin这个插件由大名鼎鼎的filamentgroup开发,主要功能是在移动设备上实现分页显示效果,我们可以使用它来显示不同页面或者图片展示库,它使用HTML anchor来连接不同页面,并且提供了预加载页面特性,支持触摸事件,你可以自由的在不同页面之间拖拽。同时这个插件和浏览器的历史、前进、后退按钮绑定,方便大家使用。转载 2013-07-12 15:03:44 · 1478 阅读 · 0 评论 -
Dreamweaver CS6配置Phonegap运行环境介绍
转自:http://code-tech.diandian.com/post/2012-12-07/40046971070近段时间对移动应用开发有点兴趣,不过不是开发移动应用软件,只是开发网站APP,网站APP制作流程很简单:首先在PC上用HTML,CSS,JavaScript制作好你的网站,当然这个网站和我们平时见到的网站有区别,你需要用到一些比较方便的web移动应用开发工具,让你的网站看转载 2013-03-27 13:20:52 · 1156 阅读 · 0 评论 -
HTML+CSS+JS 开发 Firefox OS 应用编程实战
也许你听说过Firefox OS或者Boot to Gecko(B2G),它是什么?一个OS!一个完全开源的、基于Firefox渲染引擎(Gecko)的操作系统,这意味着其应用将可以使用现代Web技术开发:HTML、CSS和JavaScript。目前这个项目叫做Gaia,一个小型的、基于Boot to Gecko技术的手机操作系统,但实际上并不限于手机——它已经被移植到了Raspberry P转载 2013-03-27 13:40:06 · 701 阅读 · 0 评论 -
用HTML5 Audio API开发游戏音乐
介绍 音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影,你就很可能已经注意到了这一点。 游戏也不例外!我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天,大多情况下,当玩我最爱的游戏时,我仍然不能把“塞尔达”里近藤浩二的乐曲和马特大气的暗黑配乐从我的头脑里驱逐掉。这同样适用于音效,例如魔兽里单位实时点击的响应,以及任天转载 2013-04-02 13:39:51 · 1076 阅读 · 0 评论 -
Jquery Mobile dialog的生命周期
JQuery Mobile对htm5的移动开发绝对是个好用的东西,今天简单谈谈JQuery Mobile中的dialog的使用。1.对话框的弹出。2.对话框的生命周期。3.对话框内事件的注册。 1)第一个问题:对话框的弹出。 如果要弹出一个对话框,可以在页面中添加一个按钮a href="dialog.htm" data-role="but转载 2013-01-07 09:50:44 · 612 阅读 · 0 评论 -
jQuery学习大总结(五)jQuery Ajax
本篇将jQuery Ajax的使用进行一个完整的总结,由于涉及到的内容相似,但方法重多,所以本篇内容会显得比较多。Ajax是提高网站应用程序的一个很好的方法,当然这使得我们可能要书写更多的代码和花费更多的时间来实现这一目的。然而,现在jQuery使得Ajax开发变得异常简单。我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQuery.ajax()方法进行处理。在jQuer转载 2012-12-26 14:06:31 · 506 阅读 · 0 评论 -
jQuery学习大总结(三)jQuery操作元素属性
上次总结了下,jQuery包装集,今天主要总结一下jQuery操作元素属性的一些知识。先看一个例子: id="easy" href="#">http://www.jquery001.com现在要得到a标签的属性id。有如下方法:jQuery("#easy").click(function() { alert(document.getElementById("easy").i转载 2012-12-26 10:11:39 · 371 阅读 · 0 评论 -
jQuery学习大总结(四)jQuery事件
前三篇总结了jQuery的一些基础,有jQuery对象的介绍、jQuery操作css样式和jQuery操作元素。今天总结一下jQuery事件,这是比较重要的一块,希望本次总结能帮助到很多同我一样的新手。首先,我们来看一个有用的实例,来加深以前所掌握的知识,其中有些是在前边出现过的。 id="imgGoogle" src="http://www.google.com.hk/intl/zh-C转载 2012-12-26 11:33:17 · 407 阅读 · 0 评论 -
jQuery学习大总结(二)jQuery选择器完整介绍
上次主要总结了下jQuery对象与dom对象的相互转换,今天我们看看jQuery选择器。jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的,这个得靠实践和积累。现在我们正式进入jQuery选择器的学习。我们将jQu转载 2012-12-25 18:22:57 · 489 阅读 · 0 评论 -
jQuery 获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body转载 2013-03-28 13:38:30 · 671 阅读 · 0 评论 -
jquery弹出框
转自:http://www.cnblogs.com/0banana0/archive/2011/09/24/2189385.html直接上效果:要是没效果呢,就刷新一下 加载google 的jquery库-----------------------------------------------------------------------------jQuer转载 2013-05-28 17:35:02 · 915 阅读 · 0 评论 -
jQuery Mobile的API默认配置
mobileinit事件当jQuery Mobile开始执行的时候, 它会在document对象上触发一个mobileinit 事件, 你可以重写jQuery Mobile默认的响应函数.$(document).bind("mobileinit", function(){ //这里是重写的代码 });mobileinit由于mobileinit事件会在执行jquer转载 2013-07-12 15:02:39 · 1050 阅读 · 0 评论 -
jQuery Mobile开发进阶:API扩展介绍
目前,jQuery Mobile是在HTML5 移动开发中的一个很不错的框架,它为熟悉Jquery的开发者进行移动开发提供了很大方便。jQuery Mobile使用的是HTML5和CSS3,除了能提供很多基础的移动页面元素开发功能外,框架自身还提供了很多可供扩展的API,以供开发者扩展jQuery Mobile框架本身的功能。准备工作请先下载最新版本的jQuery Mobile框架转载 2013-07-12 15:01:55 · 876 阅读 · 0 评论 -
JQueryMobile + PhoneGap 经验总结
转自:http://imyelo.com/?p=2361. pageinit & pageshowJQM的官方手册重点提醒了使用$(document).bind(‘pageinit’)代替$(document).ready()。但当你需要对某一个页面(page)编写其独享的Javascript脚本时, 选择器应该选择的是该page层, 而不是document, 并使用live()添加事转载 2013-07-12 14:34:25 · 1351 阅读 · 1 评论 -
JS 中如何判断 undefined和null
JavaScript 中有两个特殊数据类型:undefined 和 null,下节介绍了 null 的判断,下面谈谈 undefined 的判断。以下是不正确的用法:var exp = undefined;if (exp == undefined){ alert("undefined");}exp 为 null 时,也会得到与 undefined转载 2013-07-11 15:49:52 · 962 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2013-07-10 16:55:43 · 550 阅读 · 0 评论 -
jQuery的deferred对象详解
作者: 阮一峰日期: 2011年8月16日jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery转载 2013-07-10 16:56:49 · 541 阅读 · 0 评论 -
最近学习phonegap收集的几个小技巧
这里使用的是phonegap1.6.01.解决phonegap加载外部资源报错问题当你使用Eclipse做Phonegap混合开发时,在html页面加载外部资源时会有报错消息,解决方案非常简单,你需要为phonegap添加一个外部url白名单即可,你可以在/res/xml/cordova.xml文件中添加,示例如下: http://127.0.0.1*"/转载 2013-07-11 10:40:00 · 1097 阅读 · 0 评论 -
用来简化开发任务的20个JavaScript类库
摘要:所谓JS库就是预先写好的JS程序库,用于简化以JS为基础的开发程序,尤其是对AJAX和其他以Web为中心技术的JS代码集。文章搜集了20个JS库,帮你处理与开发相关的问题,让你的网站在竞争中领先一步。所谓JS库就是预先写好的JS程序库,用于简化以JS为基础的开发程序,尤其是对AJAX和其他以Web为中心技术的JS代码集。JS的首要用途是将编写的功能内嵌在HTML页面,并与页面的对转载 2013-07-10 10:57:43 · 817 阅读 · 0 评论 -
javascript中apply、call和bind的区别
在JS中,这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的,先看一个例子。 var xw = {转载 2015-01-26 11:27:43 · 672 阅读 · 0 评论