首页
学习
活动
专区
圈层
工具
发布

mootools入门

与jQuery差别 Mootools与jQuery相比较 API设计 性能 API的差别: jQuery的API设计方式 $('#element') Mootools的API设计方式 $('element...') $$('#element') jQuery的所有插件都是从$开始 检测浏览器:$.browser 发起AJAX请求:$.ajax Mootools所有插件 检测浏览器:Browser 发起AJAX...为什么使用MooTools 灵活,模块化的框架,用户可以选择自己需要的组件。 MooTools符合OO的思想,使代码更强壮,有力,有效。 高效的组件机制,可以和flash进行完美的交互。...对于DOM的扩展增强,使开发者更好的利用document   如果是有着成百上千页面的大项目,有些大数据量交互与处理的项目,多人合作,多模块化的项目,jQuery往往就显得底气不足,往往需要各类插件补充...MooTools的使用的类型有: String Array Number Function RegExp Date Boolean MooTools自定义的类型有: Element Elements Event

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS框架设计之命名空间设计一种子模块

    3、众所周知,大多数框架在windows中立足是通过命名空间,基本上我们可以把命名空间看成是框架的名字,当然也有一些框架没有命名空间向Prototype.js,mootools等都有污染的问题,他的意义存在与整个执行环境的每个角落...,在Prototype的基础上 ,而且有点渊源的插件几乎都和Prototype有关,mootools是Prototype的升级版,更加的oo,全面复制其API,Base则想修复IE的bug,让IE拥有标准浏览器的...API,因此也把很多的原生对象给污染了  (2)对原生对象几乎没有污染、向jQuery、YUI、EXT这些框架,YUI和EXT就是想上面给出代码那样,一叠罗汉的方式构建的,jQuery则另辟蹊径,他以选择器为向导...7、jQuery(命名空间)多库共存问题 因为jQuery最初也是非常弱小的,它想人家使用自己的框架,他也想Prototype那样使用$符作为命名空间。...所以通过noConflict()这个方法实现了多库共存问题的解决,具体参考本人jQuery多库共存解决方案 注意:这个方案只解决单文件js类库框架的多库共存问题,向EXT这类多文件js类库并不能解决

    1.3K100

    解析卷积高速计算中的细节,有代码有真相

    它不仅是在模型中最常见的和最重的操作,我还发现卷积高性能实现的技巧特别具有代表性——一点点算法的小聪明,非常多的仔细的调优和低层架构的开发。...我将在这篇文章中假设NCHW——如果我有N块HxW图像的C通道,那么所有具有相同N个通道的图像都是重叠的,在该块中,同一通道C的所有像素都是重叠的,以此类推。 ?...Halide 这里讨论的许多优化都需要在底层使用神秘的C语法,甚至是程序集进行干预。这不仅使代码难以阅读,还使尝试不同的优化变得困难,因为我们必须重新编写整个代码。...Halide是c++中的一种嵌入式语言,它帮助抽象这些概念,并被设计用来帮助编写快速图像处理代码。通过分解算法(要计算什么)和计划(如何/何时计算),可以更容易地试验不同的优化。...正确的矩阵是im2col的结果——它必须通过复制原始图像中的像素来构造。左边的矩阵有conv权值,它们已经以这种方式存储在内存中。 ?

    1.5K20

    前端优化的技巧

    1、利用浏览器缓存你的 js 和 CSS 文件:   在网站根目录 .htaccess 中参加以下代码   ExpiresActive on   ExpiresDefault “access plus...2、把你的 .js 库文件地址替换成 Google CDN的地址:   跟着 jquery 和 mootools 等js库的运用需求加载的.js文件越来越多也越来越大,一般传统的网站是上载到网站自身的目录...但关于一个接近70多KB的jquery.js体积的确不利于网站响应速度的提升,此刻就应当运用Google API 。   ...然后到达提速的意图。   不单是jquery库,别的诸如mootools yui 也能够运用这种方法。   ...4、GZIP 紧缩你的 JS 和 CSS 文件:   紧缩js和css能够经过服务器动态脚本进行也能够更简单的运用apache服务器能够在网站根目录 .htaccess 中参加以下代码   AddOutputFilterByType

    1.3K00

    进阶攻略|最全的前端开源JS框架和库

    7.jQuery 代码托管地址:https://github.com/jquery/jquery jQuery是继Prototype之后又一优秀JavaScript框架。...Meteor的基础构架是Node.JS+MongoDB,官方总结的Meteor的9个优势是:纯粹的JavaScript、实时页面更新、强大的数据同步、延迟补偿、代码热推送、敏感代码运行于受限环境中、完全独立应用包...Mootools 有自己的面向对象设计的内核 Mootools Core。伴随着最小的文件大小,框架的功能比其他框架也要弱不少,只有在控件和特效上有少量支持。...MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。...Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。

    4.7K71

    前端进阶攻略|最全的前端开源JS框架和库

    7.jQuery 代码托管地址:https://github.com/jquery/jquery jQuery是继Prototype之后又一优秀JavaScript框架。...Meteor的基础构架是Node.JS+MongoDB,官方总结的Meteor的9个优势是:纯粹的JavaScript、实时页面更新、强大的数据同步、延迟补偿、代码热推送、敏感代码运行于受限环境中、完全独立应用包...Mootools 有自己的面向对象设计的内核 Mootools Core。伴随着最小的文件大小,框架的功能比其他框架也要弱不少,只有在控件和特效上有少量支持。...MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。...Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。

    4.9K70

    StackOverflow上关于JavsScript的热门问答

    Q3:测试是否有东西被隐藏 问题描述: 在jQuery中,可以切换元素的可见性,使用方法.hide(), .show() 或者.toggle()....做了一些搜索,我意识到是有些人添加了“use strict”到他们的JavaScript代码中。有一次,我添加了该声明,错误就停止出现了。不幸的是,谷歌并没有透露太多这字符串声明的历史的背后。...它禁用那些混淆的或者考虑不周的特征 另外请注意,你可以在整个文件中申请严格模式…或者你可以仅在特定的函数中使用它(仍然是引用John Resig 的文章): // 非严格的代码......(function(){ "use strict"; // 严格定义你的库... })(); // 非严格的代码 如果你有混合使用新旧代码,它可能会有所帮助;-) 所以,我认为这是一个有点像...问题描述: 是否有一个通过jQuery无插件查询字符串值的方式(或者没有)。 如果是,怎么做?如果不是,是否有一款可以这么做的插件?

    1.8K71

    前端优化的技巧

    1、利用浏览器缓存你的 js 和 CSS 文件:   在网站根目录 .htaccess 中参加以下代码   ExpiresActive on   ExpiresDefault “access plus...2、把你的 .js 库文件地址替换成 Google CDN的地址:   跟着 jquery 和 mootools 等js库的运用需求加载的.js文件越来越多也越来越大,一般传统的网站是上载到网站自身的目录...但关于一个接近70多KB的jquery.js体积的确不利于网站响应速度的提升,此刻就应当运用Google API 。   ...然后到达提速的意图。   不单是jquery库,别的诸如mootools yui 也能够运用这种方法。   ...4、GZIP 紧缩你的 JS 和 CSS 文件:   紧缩js和css能够经过服务器动态脚本进行也能够更简单的运用apache服务器能够在网站根目录 .htaccess 中参加以下代码   AddOutputFilterByType

    1.3K20

    ajax是什么框架_常用的web开发框架

    互联网中也有大量的关于AJAX的框架,本文汇总了最常用的11个框架。 1. jQuery jQuery是一个轻量级的Javascript库,兼容CSS3,还兼容各种浏览器。...MooTools MooTools是一个简洁、模块化、面向对象的JavaScript库。它能够帮助你更快、更简单地编写可扩展和兼容性强的JavaScript代码。...Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。 3....ASP.NET AJAX ASP.NET AJAX是一个完整的开发框架,容易与现有的ASP.NET程序相结合,通常实现复杂的功能只需要在页面中拖几个控件,而不必了解深层次的工作原理,除此之外服务器端编程的...包括一些创新/新颖的代码和控件:DateGrid、charts、离线应用、跨浏览器矢量绘图等。

    1.5K20

    jQuery中,$.和$().有什么区别以及多个选择器的执行

    $代表jQuery对象,同时也是一个函数对象 $()和jQuery()是jQuery的核心函数,执行这两个元素返回的是一个DOM元素 $()是一个函数,等同于jQuery(),可在括号内传参数,传参后可获取元素...$(“.one”)表示获取class=“one”的元素,返回一个jQuery对象 $(”.one”).onclick表示class=”one”的点击事件 $.post() $.get() $.ajax...() 都是jQuery对象的方法 jQuery中,多个选择器是依次执行的,不是同时执行的 ,是在上一个选择器执行完的基础上,才开始执行下一个。...例如:$(“li:gt(0):lt(2)”) // 选择第二个和第三个li,gt(0)表示下标大于0的,lt(2)表示下标小于2的。...下标大于0为黑色区域,此时,下标为1的蓝色区域下标变为0,下标为3的粉色区域下标变为1,执行过滤选择下标为2后,即为红色框内,也就是最初的下标为1和2的元素,即第二个和第三个li元素(假设所有的颜色框均为

    1.8K40

    代码覆盖率:质量的黄金标准,你的软件有多可靠?

    在重视代码覆盖率的同时,大家也能更为及时地暴露出现有软件开发流程中存在的各类风险。今天,我们就来好好聊聊代码覆盖率,用一篇文章讲透代码覆盖率的各类问题。...作为软件开发过程中的关键指标之一,代码覆盖率量化了测试过程中代码被执行的程度,通常以百分比的形式呈现:代码覆盖率=(已测试执行的代码行数/软件总代码行数)*100%简而言之,代码覆盖率能够展示测试对代码的覆盖广度...可以这样说,也类似于在代码的关键部分安装传感器,以便在测试执行过程中监控哪些代码已被执行。通常这类工具会通过以下几种标准进行计算:1.函数覆盖率这一指标衡量的是在测试过程中执行的函数或子例程的百分比。...3.分支覆盖率在编码中,分支指的是代码中的点,它可以将程序流程导向一个或多个路径。这种类型的覆盖通过关注代码中的决策点来扩展语句覆盖的概念。分支覆盖率衡量的是测试过程中已被采用的分支的百分比。...我们有三个测试用例覆盖不同的场景。

    62010

    使用Google CDN服务提供的jQuery库

    jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。...用起来也很简单,直接在网页里引用Google服务器上的相关js文件就可以了。不过,如果引用多个js,就要插入多段的script。Google也提供了相应的办法,那就是google load。...,可以这样使用: google.load("jquery","1.3.2"); 这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js库,接下来就可以正常写js代码了。...不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?...MooTools

    1.8K100

    jQuery - noConflict() 方法

    如何在页面上同时使用 jQuery 和其他框架? ---- jQuery 和其他 JavaScript 框架 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。...其他一些 JavaScript 框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google...其中某些框架也使用 $ 符号作为简写(就像 jQuery),如果您在用的两种不同的框架正在使用相同的简写符号,有可能导致脚本停止运行。...; }); }); 您也可以创建自己的简写。noConflict() 可返回对 jQuery 的引用,您可以把它存入变量,以供稍后使用。...; }); }); 如果你的 jQuery 代码块使用 $ 简写,并且您不愿意改变这个快捷方式,那么您可以把 $ 符号作为变量传递给 ready 方法。

    80530

    Highcharts使用指南

    如下: mootools/1.3.0/mootools-yui-compressed.js" type...如果你想生成HighStock图表,有一个单独的构造方法调用Highcharts.StockChart。在这些图表中,数据源是一个典型的JavaScript数组数据。...假设我们已经定义一个对象(见良好的风格代码)。下面代码代码将添加另一个series。请记住options.series是一个数组,因此我们可以使用push方法。...在这个例子中,我们使用jQuery来处理Ajax请求。当然,你也可以使用MooTool或者Prototype来实现类似的功能。所有的代码在$(document).ready()函数中处理。...在这个例子中,我们选择PHP作为服务器脚本语言返回包含时间(time)以及y值(y value)的javascript数组。下列为live-server-data.php文件的代码: 1 <?

    4.5K50
    领券