精通Javascript系列之Javascript基础篇

2017年02月06日 23 阅读

javascrpit的基本概念： 1）区分大小写 与JAVA一样，JS中的变量，函数，运算符以及其他的一切东西都是区分大小写的，例如：变量MyTag与MYTAG是两个不同的变量。 2）弱类型变更。所以谓弱类型变量指的是JS中变量无特定类型，不像C那样。定义变量只用“var"，并可以将其初始化为任意的值，这样就可以随便的改变变量所存储数据的类型，不般不推荐； 例：var age=25; var myName="zhangsan"; 3） 每行结尾的分号可有可...

精通Javascript系列之数据类型 字符串

2017年02月06日 23 阅读

js一共有9种数据类型，分别是：未定义（undefined）、空（null）、布尔型（boolean）、字符串（string）、数值（number）、对象（object）、引用（reference）、列表（completion）。其中后3种仅仅作为JS运行中间结果的数据类型，因此不能在代码中使用，下面先讲一下字符串String: 字符串由零个或者多个字符构成。字符可以包括字母、数字、标点符号和空格。字 符串必须放在单引号或双引号内： -----------...

jquery 跨域访问问题解决方法（笔记）

2017年02月06日 23 阅读

这两天需要实现三级域名直接url rewrite到网站静态页面，如 http://123.456.789.com/ UrlRewrite到http://www.789.com/news/123.html 说到这里，也许和js跨域访问没有半点关系，在脑海里排列这的问题都是和UrlRewrite相关的。好吧现在URLRewrite一切就绪，直接在浏览器地址栏中输入http://123.456.789.com/ 会发现，这个在地址栏直接通过http://www....

jQuery中的.bind（）、.live（）和.delegate（）之间区别分析

2017年02月06日 22 阅读

DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡（又称事件传播）当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码 代码如下: $（"a"）.bind（"click",function（）{alert（"that tickles！"）}） 因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到...

jQuery 源码分析笔记（6） jQuery.data

2017年02月06日 24 阅读

data部分的代码从1381行开始。最开始的几行关键代码： 复制代码 代码如下: jQuery.extend（{ // 存储数据的地方，关键实现核心 cache: { }, // 分配ID用的seed uuid: 0, // 为了区别不同的jQuery实例存储的数据，使用前缀+jQuery版本号+随机数作为Key expando: "jQuery" + （jQuery.fn.jquery + Math.random（））.replace（/D/g, ""）...

10款新鲜出炉的 jQuery 插件（Ajax 插件，有幻灯片、图片画廊、菜单等）

2017年02月06日 21 阅读

1. Chrome Style jQuery Image Gallery一款用于实现漂亮的Chrome风格图片画廊的 jQuery 插件，在线演示2. Awkward Showcase使用这款插件可以实现各种内容的幻灯片展示效果，例如文本、图片、视频等等，在线演示3. Waypoints这款插件可以让你实现当滚动到某个目标元素的时候执行特定的动作，例如回到顶部，在线演示4. bxSlider这是一个内容滑块和图片幻灯片展示插件，可自定义很多参数，在线演示5...

基于jquery的无刷新分页技术

2017年02月06日 24 阅读

复制代码 代码如下: <script src="script/jquery-1.6.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var index = 0; $（document）.ready（function （） { $.post（"Default5.aspx", { name: index }, functio...

读jQuery之一（对象的组成）

2017年02月06日 23 阅读

对于jQuery的写法甚是困惑，尤其在使用Prototype的$后，一度不能理解jQuery的$。对于现在前端同学来说，可能第一个接触的就是jQuery了，他们会觉得很习惯，很自然。至今电脑里还存放着当时的API文档，发个图感叹下在这段时间内，我的入门老师是墨墨，其实至今他仍然是我敬仰的同事之一。他的编程造诣很高，相信早已突破了编程语言的限制。在大家都在使用Prototype.js的时候，在jQuery尚未在国内流行的时候，他就已经把jQuery引入到项目...

读jQuery之二（两种扩展）

2017年02月06日 21 阅读

如下 复制代码 代码如下: jQuery.extend = jQuery.fn.extend = function（） { ... }; 我们可以用$.extend去扩展自定义的对象，如 复制代码 代码如下: var myself = {name:jack}; $.extend（myself, {setName: function（n）{this.name=n;} }）; myself.setName（"tom"）; 通过$.extend为对象myse...

读jQuery之三（构建选择器）

2017年02月06日 21 阅读

为了叙述每一篇的重点，其示例代码都是最精简的，比如选择器只能传HTMLElement和id。这篇我们增强下选择器，依据2/8原则，这里仅实现最常用的几种。1, 通过id获取,该元素是唯一的$（"#id"）2, 通过className获取$（".cls"） 获取文档中所有className为cls的元素$（".cls", el）$（".cls", "#id"）$（"span.cls"） 获取文档中所有className为cls的span元素$（"span.c...

用Juery网页选项卡实现代码

2017年02月06日 22 阅读

首先前台代码 复制代码 代码如下: <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">个人信息</li> <li class="selected">我的照片</li> <li class="selected">我的博客</li> <div class="clea...

jquery 与NVelocity 产生冲突的解决方法

2017年02月06日 22 阅读

NVelocity的$与Jquery的$发生冲突时的解决方法有以下几个： 1、 使用jQuery.noConflict。 如：var j = jQuery.noConflict（）; j.ajax（）; 缺点：当使用jQuery的相关插件时,会使得插件失效哦！ 2、 使用jQuery代替$. 如:jQuery.ajax（）; 缺点：不适合扩展，一旦替换成第三方库时，那就麻烦大发 3、 wrap jQuery中的冲突方法。 如$.ajax（）在Velocit...

在jquery中处理带有命名空间的XML数据

2017年02月06日 22 阅读

但不幸的是，很多服务返回的数据仍然是XML格式的。 jquery对于xml这种数据的处理是内置支持的，这一点没有任何问题。但前提是返回的数据没有带任何命名空间。例如下面这份数据 复制代码 代码如下: <？xml version="1.0" encoding="utf-8" ？> <data> <Employee id="1" firstName="ares" lastName="chen"></Employee&g...

非常棒的10款jQuery 幻灯片插件

2017年02月06日 22 阅读

Easy Slider（在线演示）Horinaja Slide Show Plugin For jQuery（在线演示）Creating Your Own Slider Plugin（在线演示）Slick Accessible Slideshow（在线演示）Sliding Boxes and Captions with jQuery Tutorial（在线演示）Supersized（在线演示）Blog SlideShow（在线演示）EOGallery（在线...

jQuery调用WebService的实现代码

2017年02月06日 19 阅读

一个例子说尽： 1、.aspx中： 复制代码 代码如下: <div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">传入参数</a></div> <div class="button" id="btn3"><a h...

jQuery 源码分析笔记（5） jQuery.support

2017年02月06日 20 阅读

其中jQuery.browser已经提供了根据UserAgent检测的浏览器信息。而jQuery.support 使用特性检测来检查浏览器的功能以及Bug。 和文档一样，首先说明一下，这个模块是很底层的代码，基本不需要在日常开发中使用，但是插件的开发者更需要。因为插件需要兼容各个浏览器。首先看一下 support模块提供了哪些浏览器特性的检测，以下结果是在Chrome 13 Dev下看到的结果。根据浏览器的不同，这里的成员可能会有变化。（PS:再次吐槽IE...

jQuery 源码分析笔记（7） Queue

2017年02月06日 23 阅读

每个Element可以拥有多个队列，但是基本上都只使用到一个，即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如：$（"#foo"）.slideUp（）.fadeIn（）;其实这个就是我们大家常用的链式调用，实际上这是一个Queue。所以队列和Deferred地位类似，是一个内部使用的基础设施。当slideUp运行时，fadeIn被放到fx队列中，当slideUp完成后，从队列中被取出运行。queue函数允许直接操作这个链式调用的行为。同...

jQuery 源码分析笔记（3） Deferred机制

2017年02月06日 23 阅读

Deferred把回调函数注册到一个队列中，统一管理，并且可以同步或者异步地调用这些函数。jQuery.Deferred（）用来构造一个Deferred对象。该对象有状态值，共有三种: Rejected, Resolved和初始状态。其中Resolved表示该操作成功完成了，而Rejected 则表示出现了错误，调用失败。Deferred对象的主要成员如下： done（callback）: 注册一个callback函数，当状态为resolved时被调用。 ...

jQuery UI AutoComplete 使用说明

2017年02月06日 22 阅读

介绍 在 jQuery UI 的最近更新中增加了自动完成控件 AutoComplete，这为我们提供了又一个强大的开发工具，这里介绍一下这个控件的使用方式。 首先，jQuery UI 是基于 jQuery 的，所以，必须在你的页面中首先引用 jQuery 脚本库，然后再引用 jQuery UI 库，对于 jQuery UI 库来说，可以引用整个的库，也可以仅仅引用当前页面用到的库。 jQuery UI 的下载地址：http://jqueryui.com/d...

jQuery数组处理方法汇总

2017年02月06日 23 阅读

$.each（array, [callback]）遍历,很常用 复制代码 代码如下: var arr = ["javascript", "php", "java", "c++", "c#", "perl", "vb", "html", "css", "objective-c"]; $.each（arr, function（key, val） { // firebug console console.log（"index in arr:" + key + "...