基于前端Js模块化规范的粗浅应用
博客专区 > BoomGred 的博客 > 博客详情
基于前端Js模块化规范的粗浅应用
BoomGred 发表于3个月前
基于前端Js模块化规范的粗浅应用
  • 发表于 3个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

前言

  • 之前做项目时,由于刚起步,所以很多同事在Js的规范上写的很凌乱。又刚好自己在慕课网上接触了Js模块化的概念,顿时觉得怎么会有这么规范的写法。所以特别写篇博客,记录下。

Js架构如下

整个JS架构如图

   var JsName = {

	    //这里统一管理初始化的方法
	   	init:function(){

	   		//调用当前js的内部类方法时,如下
	   		JsName.class1.funtion1();

	   		//形式为JsName+方法名,如
	   		JsName.modual
	   	},

	   	//方法1,可以自定义方法
	    modual:function(){
	    	//
	    },

	    //内部类1
	    class1:{
	     	funtion1:function(){

	     	}
	    }

   }

具体实现·

var JsName = {
    //这里统一管理初始化的方法
   	init:function(){

   	},

   //存放当前js涉及到的url
   	url:{

   	   url1:function(){
   	   		return 'url';
   	   },

   	   .........

   	   	//其余自己按当前页面需求添加
   	},

   	.........

   	//其余自己按当前页面需求添加
   }

tips

  • 一定在调用的jsp页面底部调用该JS的init 初始化方法

Js模块规范整体说明

标签: JS模块化
共有 人打赏支持
粉丝 0
博文 26
码字总数 26808
×
BoomGred
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: