seajs封装js方法

必须要先引入sea.js文件

<script src="js/sea.js"></script>

其次,引入其他js文件

 1 <script>
 2     seajs.config({
 3         alias: {
 4             "layer": "layer/layer.js",
 5             "jsRender": "jquery.jsRender.min.js",
 6             "dataInfo": "dataInfo.js",
 7             "WdatePicker":"My97DatePicker4.8/WdatePicker.js"
 8         },preload:["layer","jsRender","dataInfo","WdatePicker"]
 9     });
10     seajs.use("changan.js");
11 </script>

封装的js文件必须以define定义

 1 define(function(){
 2     var mainMoudle={
 3         initEvent:function(){
 4             mainMoudle.query();
 5         },
 6         query:function(){
 7         //操作
 8         },
 9         clickEvent:function(){
10             $().click(function(){});
11         }
12         main:function(){
13             mainMoudle.initEvent();
14         }
15     };
16     $(function(){
17         mainMoudle.main();
18     })
19 });                    
时间: 2024-10-10 00:47:57

seajs封装js方法的相关文章

使用seajs封装js模块

//方法一:将函数绑定到原型上 define(function(require, exports, module) { $.fn.tab = function(option, callback) { function bootstrap() { console.log('djsakhdkj'); } bootstrap(); } $(function(){ $().tab();//因为将tab绑定到$原型上,所以要使用$().tab()去调用 }) }) //方法一(2):将函数绑定到jquer

js封装的方法

1.JS封装就是尽量把使用的方式简单化,内部逻辑和使用解耦.通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置. 2.JS封装的方法有函数方式.对象的方式.闭包的方式. 举例 1)函数方式function kk(a,b){   内部对a,b怎么处理就不需要关心了} 2)对象方式function kk(a,b){   this.x = a;   this.y = b;}var k = new kk(1,2);//通过面向对象的方式alert(k.x);3)闭包方式fun

常用js方法封装

常用js方法封装 var myJs = { /* * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ getDates: function(dt) { var str = ""; //存储时间的字符串 //获取年 var year = dt.getFullYear(); //获取月 var month = dt.getMonth() + 1; //获取日 var day = dt.getDate(); //获取小时

step by step教你常用JS方法封装(一) [ 大杂烩 ]

本文参考原文-http://bjbsair.com/2020-03-25/tech-info/6338/ 持续更新中... 常用JS方法封装方法预告: 项目常用JS方法封装(二) [ 时间处理 ] 项目常用JS方法封装(三) [ 字符串相关处理 ] 项目常用JS方法封装(四) [ 数组相关处理 ] 使用方法非常简单,只需放到你的 utils.js 工具文件中,直接 export const 加上我的封装方法,在别的文件中使用{方法1,方法2,方法3...}引用后就可以直接使用了! 001.输入一

关于tween.js 封装的方法

今天做的是匀速情况下div的运动.首先开始之前先了解运动的原理 A------------>>BA移动到B 这段距离是总距离 用一个变量保存下来:var dA移动到B 移动的总次数  用一个变量保存下来:var cA移动到B 每次移动的距离   用一个变量保存下来:var s function move(obj,name,target,dur,fn){ var timer; //控制定时器 var c=parseInt(dur/30); //移动的总步数 var start=parseFloa

解决webkit浏览器中js方法中使用window.event提示未定义的问题

这实际上是一个浏览器兼容性问题,根源百度中一大堆,简要说就是ie中event对象是全局变量,所以哪里都能使用到,但是webkit内核的浏览器中却不存在这个全局变量event,而是以一个隐式的局部变量的形式传入(后文会详说). function myfunc(param){ alert(window.event); } //ie中 <input type="button" onclick="myfunc('testie')" > //一切正常 //webk

封装JS实现Ajax

这两天仔细理解了一下Ajax,然后整理封装了一下,如果有什么不对的地方,请指教,谢谢! AJAX AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. XHR 的出现,提供了向服务器发送请求和解析服务器响应提供了流畅的接口.能够以异步方式从服务器获取更多的信息,这就意味着,用户只要触发某

手动封装js原生XMLHttprequest异步请求

Code Object.extend =function(targetObj,fnJson){ //扩展方法,类似于jQuery的$.extend,可以扩展类的方法,也可以合并对象 for(var fnName in fnJson){ targetObj[fnName]=fnJson[fnName]; } return targetObj; }; HttpAjax = (function(){ function HttpAjax(options){ var settings={ type:'po

常用JS方法整理

本篇目录: 1.截取指定字节数的字符串 2.判断是否微信 3.获取时间格式的几个举例 4.获取字符串字节长度 5.对象克隆.深拷贝 6.组织结构代码证验证 7.身份证号验证 8.js正则为url添加http标识 9.URL有效性校验方法 10.自定义jsonp方法 11.cookie操作 12.生成随机字符串 (可指定长度) 13.浏览器判断 14.Rem移动端适配 15.获取url后参数 16.动态加载JS 17.生成随机颜色值 上述方法都是日常工作中使用所得,所以会不定时更新,大家也可以留下