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

前言

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

Js架构如下

整个JS架构如图var JsName = {//这里统一管理初始化的方法init:function(){//调用当前js的内部类方法时，如下JsName.class1.funtion1();//形式为JsName+方法名,如JsName.modual},//方法1，可以自定义方法modual:function(){//},//内部类1class1:{funtion1:function(){}}}

具体实现·

var JsName = {//这里统一管理初始化的方法init:function(){},//存放当前js涉及到的urlurl:{url1:function(){return 'url';},.........//其余自己按当前页面需求添加},.........//其余自己按当前页面需求添加}

tips

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

Js模块规范整体说明

基于前端Js模块化规范的粗浅应用相关推荐

浅谈前端JS模块化开发的概念
引子: 前端开发模块化,这个概念从我接触前端开发就一直看到,但是一直没好好的梳理这其中的概念,直到最近才感觉对这其中的概念是很陌生而熟悉.因此记此梳理里面的一些名词. 模块化: 整个web的发展越来越 ...
Js模块化规范（commonJs、Es6模块化）
一.Js模块化常见的模块化规范: 1.CommonJS--nodeJS模块化规范规定: 每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等(采用同步加载方式),对其他的模块都不可见. ...
JS模块化规范对比以及在Node.js的实现
文章目录写在前面 JavaScript模块化的规范 Node.js 的模块化实现 AMD or CMD 代码示例 ES6模块化标准以及在Node.js的使用写在前面关于JavaScript的模块 ...
JS模块化的前世今生
原文转自:js模块化历程,作者记于2015年,本文目的在于保存,各位看官还是去原作者那看吧~ ⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇----- 正文 -----⬇⬇⬇⬇⬇⬇⬇⬇⬇⬇ ...
js UMD规范——AMD和CommonJS的糅合（一）
文章目录文章参考问题描述问题分析模块化的规范依赖引入的形式服务器端规范(nodejs)-- CommonJS `require()` 语句为什么浏览器不能使用同步加载,服务端可以? Co ...
java-初识大前端Node.js、ES6、Npm、Babel、模块化规范、WebPack、Vue-element-admin本地安装问题及解决、Git安装及配置、uni-app
VS code安装安装成功配置自动补齐Emment Node.js node.js下载网址: http://nodejs.cn/ 安装成功! 概念 Node.js发布于2009年5月,由Ryan ...
[Vue.js] 模块化 -- 前端模块化
模块化相关规范模块化概述传统开发模式的主要问题命名冲突文件依赖通过模块化解决传统开发模式的问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公 ...
认识Web前端、Web后端、桌面app和移动app新开发模式 - 基于Node.js环境和VS Code工具...
认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm ...
基于Ext JS的模块化应用框架搭建及开发
Ext JS模块化开发早期基于Ext JS的Web开发方式,是在HTML中引入JS和CSS文件,典型的就是引入 ext-all.js 这样的文件.ext all 包含的内容很多, 有基本的核心组件. ...

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

前言

Js架构如下

具体实现·

tips

基于前端Js模块化规范的粗浅应用相关推荐

最新文章

热门文章