sea.js使用插件方法

seajs 使用jquery插件

seajs使用jquery插件。

方法一,将js插件cmd模块化(define封装成seajs模块,返回匿名函数,包含插件的源码)。

define(function(require,exports,moudles){

     return function(jquery){

         (function($) {

             $.fn.fro= function() {

                 alert($("a").attr("href"))

                 // 代码区域。

             };

         })(jquery);

     }

})

jquery库在总js文件(调用该插件的文件)中加载。通过require("t1/jquery_pligun")()来传递jquery变量()来传递jquery变量(参数) ,保证了jquery在调用js插件模块之前加载

define(function (require, exports, moudles) {

    var $=require("jquery")

    require("t1/jquery_pligun")($)

    $(document).ready(function () {

        $("a").fro()

    })

})

时间: 2024-10-14 06:44:54

sea.js使用插件方法的相关文章

JQuery缓冲加载图片插件lazyload.js的使用方法

lazyload.js是一个基于JQuery的插件,可以用来缓冲加载图片.如果一个网页很长并且有很多图片的话,下载图片就需要很多时间,那么就会影响整个网页的加载速度,而这款延迟加载插件,会通过你的滚动情况来加载你需要看的图片,然后它才会从后台请求下载图片,最后显示出来.通过这个插件,可以在需要显示图片的时候,才下载图片,从而可以减少服务器的压力,提高页面加载速度. Lazy Load 插件原理 修改目标img元素的src属性为orginal属性,从而中断图片的加载.检测滚动状态,然后把网页可视区

延迟加载图片插件LazyLoad.js的使用方法

我们常常会见到很多网页的图片并不是一打开页面就全部加载的,而是浏览到当前的图片位置才显示出来.这是怎么实现出来的呢? 其实这就是目前较为流行的“延迟加载”(Lazy Load)技术,灵感来自Matt Mlinac制作的YUI ImageLoader工具箱. 后来就形成了一个比较完整的jQuery插件:jquery.lazyload.js . 下面就介绍一下jquery.lazyload.js的使用方法: Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: <scr

vue项目引入第三方js插件,单个js文件引入成功,使用该插件方法时报错

1.引入第三方js文件,npm安装不了 2.控制台显示引入成功 3.在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.solar2lunar();//此处是引用插件方法 this.time = this.$options.methods.zeroPadding(cd.getHours(), 2) + ':' + this.$options.met

CMD (sea.js)模块定义规范

转自http://www.cnblogs.com/hongchenok/p/3685677.html CMD 模块定义规范 在 Sea.js 中,所有 JavaScript 模块都遵循 CMD(Common Module Definition) 模块定义规范.该规范明确了模块的基本书写格式和基本交互规则. 在 CMD 规范中,一个模块就是一个文件.代码的书写格式如下: define(factory); define Function define 是一个全局函数,用来定义模块. define d

Sea.js学习1——初识Sea.js

Sea.js 是一个成熟的开源项目,核心目标是给前端开发提供简单.极致的模块化开发体验. 使用 Sea.js,在书写文件时,需要遵守 CMD (Common Module Definition)模块定义规范.一个文件就是一个模块. define(function(require, exports) { exports.each = function (arr) { // 实现代码 }; exports.log = function (str) { // 实现代码 }; }); 通过 export

sea.js 个人入门

头顶 美工.切图仔 头衔的我 出去面试时面试官必问的一题: 用过 seajs.requirejs 么? 答案当然是否定的,然后面试官就是鲁迅先生的前半句诗"横眉冷对千夫指 "看我. 所以就看看看了看API 玉伯 : http://weibo.com/lifesinger?noscale_head=1#_0 说这两个JS 必须提到AMD.commonjs两种不同的规范: 奇舞团:http://www.75team.com/archives/882 知乎:http://www.zhihu.

模块化开发--sea.js

当你的网站开发越来越复杂的时候,会经常遇到一下问题吗?1.冲突2.性能3.依赖如果在多人开发或者是复杂的开发过程中会经常遇到这些问 题,就可以用模块化开发来解决.以上问题是如何产生的?1.冲突:如果你写了一个commen.js,这个JS文件主要是写一些 公用的方法,比如选项卡tab,拖拽等等...当你写好这些JS之后 可能交给同事用.同事首先引入这个JS文件,有可能这个页面又 交给新同事开发,这个同事写了一个function,名为tab,这时这 个tab就和你写的公用JS文件里的tab方法起了冲

sea.js的介绍和使用

之前有一篇博客非常详细的介绍了sea.js的加载流程,以及源代码实现,链接地址:http://www.cnblogs.com/chaojidan/p/4123980.html 这篇博客我主要讲下sea.js的介绍和使用. 首先,先介绍下sea.js的CMD规范,以及跟其他规范的区别. CommonJS 原来叫 ServerJS,推出 Modules/1.0 规范后,在 Node.js 等环境下取得了很不错的实践. 09年下半年这帮充满干劲的小伙子们想把 ServerJS 的成功经验进一步推广到浏

Sea.Js使用入门

1.Sea.Js是什么 seajs相对于RequireJs与LabJS就比较年轻,2010年玉伯发起了这个开源项目,SeaJS遵循CMD规范,与RequireJS类似,同样做为模块加载器.示例 // File:greet.js define(function (require, exports) { function helloPython() { document.write("Hello,Python"); } function helloJavaScript() { docume