-
sizzle：将近两千行代码，主要实现一个复杂选择器的。实现比较复杂。 比如：$("ul li + p input.class") 就是通过sizzle来查询的。 sizzle是独立的部分，在jquery官网可以单独下载这部分代码。查看全部
-
jQuery.extend扩展一些工具方法。 两种调用方法： $().css() =>实例方法 $.trim =>工具方法、静态方法 静态方法是底层的东西，实例方法是更高一层的方法 很多实例方法中调用的是静态方法查看全部
-
extend是JQ的继承方法。 后续添加的方法可以用extend来加载到jQuery中。查看全部
-
通过下面的方法将jquery中定义的函数挂载到window对象上，这样就可以供外界使用了： window.jQuery=window.$=jQuery; 所以说，在外界使用时，jQuery和$是一样的。查看全部
-
把所有的代码都写在 自执行 函数里面，这样外面是看不到这个函数里定义的变量或者函数，这样可以防止冲突查看全部
-
jQuery设计理念 引用百科的介绍： jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 The Write Less,Do More（写更少，做更多），无疑就是jQuery的核心理念，简洁的API、优雅的链式、强大的查询与便捷的操作。从而把jQuery打造成前端世界的一把利剑，所向披靡！ 简洁的API: $.on $.css $.ajax …. 优雅的链式: var jqxhr = $.ajax( "example.php" ) .done(function() { alert("success"); }) .fail(function() { alert("error"); }) .always(function() { alert("complete"); }); 强大的选择器： $("div, span, p.myClass" ) $("div span:first-child") $("tr:visible") … 便捷的操作： $("p").removeClass("myClass noClass").addClass("yourClass"); $("ul li:last").addClass(function(index) { return"item-" + index; }); $('.container').append($('h2')); …查看全部
-
五大块： jQuery按我的理解分为五大块，选择器、DOM操作、事件、AJAX与动画，那么为什么有13个模块？因为jQuery的设计中最喜欢的做的一件事，就是抽出共同的特性使之“模块化”，当然也是更贴近S.O.L.I.D五大原则的“单一职责SRP”了，遵守单一职责的好处是可以让我们很容易地来维护这个对象，比如，当一个对象封装了很多职责的时候，一旦一个职责需要修改，势必会影响该对象的其它职责代码。通过解耦可以让每个职责更加有弹性地变化。 我们来看看jQuery文档针对业务层的Ajax的处理提供了一系列的门面接口： .ajaxComplete() .ajaxError() .ajaxSend() .ajaxStart() .ajaxStop() .ajaxSuccess() 底层接口： jQuery.ajax() jQuery.ajaxSetup() 快捷方法： jQuery.get() jQuery.getJSON() jQuery.getScript() jQuery.post() jQuery接口的设计原理 业务逻辑是复杂多变的，jQuery的高层API数量非常多，而且也非常的细致，这样做可以更友好的便于开发者的操作，不需要必须在一个接口上重载太多的动作。我们在深入内部看看Ajax的高层方法其实都是统一调用了一个静态的jQuery.ajax方法，代码见右侧代码编辑器（27-43行）。 在jQuery.ajax的内部实现是非常复杂的，首先ajax要考虑异步的处理与回调的统一性，所以就引入了异步队列模块（Deferred）与回调模块（Callbacks）, 所以要把这些模块方法在ajax方法内部再次封装成、构建出一个新的jQXHR对象，针对参数的默认处理，数据传输的格式化等等。查看全部
-
jQuery整体架构 任何程序代码不是一开始就复杂的，成功也不是一躇而蹴的，早期jQuery的作者John Resig在2005年提议改进Prototype的“Behaviour”库时，只是想让其使用更简单才发布新的jQuery框架。起初John Resig估计也没料想jQuery会如此的火热。我们可以看到从发布的第一个1.0开始到目前最新的2.1.1其代码膨胀到了9000多行，它兼容CSS3，还兼容各种浏览器，jQuery使用户能更方便地处理DOM、事件、实现动画效果，并且方便地为网站提供AJAX交互。 1、最新jQuery2.1.1版本的结构： 代码请查看右侧代码编辑器（1-24行） 2、jQuery的模块依赖网： （单击图片可放大） jQuery一共13个模块，从2.1版开始jQuery支持通过AMD模块划分，jQuery在最开始发布的1.0版本是很简单的，只有CSS选择符、事件处理和AJAX交互3大块。其发展过程中，有几次重要的变革： ☑ 1.2.3 版发布，引入数据缓存，解决循环引用与大数据保存的问题 ☑ 1.3 版发布，它使用了全新的选择符引擎Sizzle，在各个浏览器下全面超越其他同类型JavaScript框架的查询速度，程序库的性能也因此有了极大提升 ☑ 1.5 版发布，新增延缓对像(Deferred Objects)，并用deferred重写了Ajax模块 ☑ 1.7 版发布，抽象出回调对象，提供了强大的的方式来管理回调函数列表。 每一次大的改进都引入了一些新的机制、新的特性，通过这些新的机制就造就了如今jQuery库，一共13个模块，模块不是单一的，比如jQuery动画，都会依赖异步队列、动画队列、回调队列与数据缓存模块等。 jQuery抽出了所有可复用的特性，分离出单一模块，通过组合的用法，不管在设计思路与实现手法上jQuery都是非常高明的。查看全部
-
undefined并不是JavaScript的保留字。查看全部
-
但因为匹配的情况远远低于不匹配的情况，所以逆向匹配带来的优势是巨大的。同时我们也能够看出，在选择器结尾加上「*」就大大降低了这种优势，这也就是很多优化原则提到的尽量避免在选择器末尾添加通配符的原因。查看全部
-
一个是ready一个是load，这两个到底有什么区别呢？ ready与load谁先执行： 大家在面试的过程中，经常会被问到一个问题：ready与load那一个先执行，那一个后执行？答案是ready先执行，load后执行。 DOM文档加载的步骤： 要想理解为什么ready先执行，load后执行就要先了解下DOM文档加载的步骤： (1) 解析HTML结构。 (2) 加载外部脚本和样式表文件。 (3) 解析并执行脚本代码。 (4) 构造HTML DOM模型。//ready (5) 加载图片等外部文件。 (6) 页面加载完毕。//load ready与load的区别就在于资源文件的加载，ready构建了基本的DOM结构，所以对于代码来说应该越快加载越好。所以对于框架来说用户体验是至关重要的，我们应该越早处理DOM越好，我们不需要等到图片资源都加载后才去处理框架的加载，图片资源过多load事件就会迟迟不会触发。 我们看看jQuery是如何处理文档加载时机的问题： jQuery.ready.promise = function( obj ) { if ( !readyList ) { readyList = jQuery.Deferred(); if ( document.readyState === "complete" ) { // Handle it asynchronously to allow scripts the opportunity to delay ready setTimeout( jQuery.ready ); } else { document.addEventListener( "DOMContentLoaded", completed, false ); window.addEventListener( "load", completed, false ); } } return readyList.promise( obj ); };查看全部
-
1：匿名函数格式：要调用一个函数，我们必须要有方法定位它、引用它。所以，我们要取一个名字 jQuery使用()将匿名函数括起来，然后后面再加一对小括号（包含参数列表），那么这小括号能把我们的表达式组合分块，并且每一块（也就是每一对小括号），都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以，当我们用一对小括号把匿名函数括起来的时候，实际上小括号返回的，就是一个匿名函数的Function对象。因此，小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表，就会实现普通函数的调用形式。 var jQuery = function(){ //代码逻辑 } 2：其实这个undefined并不是JavaScript数据类型的undefined，而是一个普普通通的变量名。只是因为没给它传递值，它的值就是undefined，undefined并不是JavaScript的保留字。 3：jQuery为什么要创建这样的一个外层包裹，其原理又是如何？ 这里要区分2个概念一个是匿名函数，一个是自执行。顾名思义，匿名函数，就是没有函数名的函数，也就是不存在外部引用。查看全部
-
理解回调函数最重要的2点： 1、一个回调函数作为参数传递给另一个函数是，我们仅仅传递了函数定义。我们并没有在参数中执行函数。我们并不传递像我们平时执行函数一样带有一对执行小括号()的函数 2、回调函数并不会马上被执行，它会在包含它的函数内的某个特定时间点被“回调”。查看全部
-
通过new操作符构建一个对象，一般经过四步： A.创建一个新对象 B.将构造函数的作用域赋给新对象（所以this就指向了这个新对象） C.执行构造函数中的代码 D.返回这个新对象查看全部
-
DOM文档加载的步骤： (1) 解析HTML结构。 (2) 加载外部脚本和样式表文件。 (3) 解析并执行脚本代码。 (4) 构造HTML DOM模型。//ready (5) 加载图片等外部文件。 (6) 页面加载完毕。//load查看全部
举报
0/150
提交
取消