文档章节

基于前端Js模块化规范的粗浅应用

BoomGred
 BoomGred
发布于 2017/09/07 21:24
字数 262
阅读 17
收藏 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模块规范整体说明

© 著作权归作者所有

共有 人打赏支持
BoomGred
粉丝 5
博文 36
码字总数 35331
作品 0
泉州
私信 提问
RequireJS与SeaJS模块化加载示例

web应用越变的庞大,模块化越显得重要,尤其Nodejs的流行,Javascript不限用于浏览器,还用于后台或其他场景时,没有Class,没有Package的Javascript语言变得难以管理,于是出现CommonJS项目...

nosand
2014/05/04
0
10
ES6新特性:使用export和import实现模块化

在ES6前, 前端就使用RequireJS或者seaJS实现模块化, requireJS是基于AMD规范的模块化库, 而像seaJS是基于CMD规范的模块化库, 两者都是为了为了推广前端模块化的工具, 更多有关AMD和CMD...

克虏伯
10/17
0
0
线上商城系统开发需求前端开发工程师(兼职可远程)

1、负责移动端H5页面前端开发,编写HTML、CSS和JS代码,配合后台工程师完成应用开发 2、制定JS、CSS、HTML开发规范并推进执行,扎实的JS功底,精通VueMV框架(如Vue, 3、了解前端模块化,工程...

shanwell
2016/09/05
3
2
瞅瞅JavaScript模块标准

模块是每门语言构建复杂系统的必备特性,JavaScript自然也不例外。JavaScript当前流行的模块化标准有CommonJS、AMD、CMD、ES6等等,本文对这些标准做了简单梳理,努力做到应用时不懵逼,不乱...

疯魔程序员
2017/08/23
0
0
【CSS模块化之路2】webpack中的Local Scope

CSS是一门几十分钟就能入门,但是却需要很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是,本身不具备真正的模块化能力。 1. 面临的问题 你可能会说,...

AlienZHOU
06/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

[LintCode] Serialize and Deserialize Binary Tree(二叉树的序列化和反序列化)

描述 设计一个算法,并编写代码来序列化和反序列化二叉树。将树写入一个文件被称为“序列化”,读取文件后重建同样的二叉树被称为“反序列化”。 如何反序列化或序列化二叉树是没有限制的,你...

honeymose
今天
5
0
java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
24
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
18
0
my.ini

1

architect刘源源
今天
16
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部