JavaScript编码规范

本文整理于网络,仅供阅读参考,如有不妥之处,敬请批评指正!如果您想加入微擎社区版技术大牛微信群和QQ群,请联系微信: ccccyyyy4444 或者 QQ:155120699 

概述

微擎系统中,公共引用的js文件包括 JqueryUtil 在使用以上两个Js文件时不需要require引用,使用其它Js文件需要遵循 AMD 的引用方式。

我们先介绍下 AMD ( Asynchronous Module Definition )——“异步模块定义”。

require.js 是微擎系统默认采用的 AMD 加载类 采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。

实现 AMD 规范的加载器其实很多,微擎系系统使用的是 require.js 。

微擎系统使用 require.js 的好处:

  • 实现 js 文件的异步加载,避免网页失去响应;
  • 管理模块之间的依赖性,便于代码的编写和维护。

注意系统中已经默认jquery、bootstrap、angularjs、util等js文件,无需要重复引用

了解requirejs

requireJs

扩展自己的require

在模块也可以使用 requirejs 动态加载自己的JS库,方法如下:

<script type="text/javascript">
var requireExtend = require.config({
	baseUrl: 'resource/js/app', //基础目录,将从此目录引用JS
	paths: {
		'jquery': './jquery.min', //结尾不写.js
	},
	shim:{
		 //依赖
		'jquery' : {
			exports: '$',
			deps: ['../lib/jquery-1.11.1.min']
		},
		
	}
});
requireExtend(["jquery"]);
</script>
本页目录
  1. 概述
  2. 了解requirejs
文档统计
浏览次数:175488次
编辑次数:210次历史版本
最近更新:2023-01-16 16:16:34

如果看不懂微擎社区版二次开发手册或者遇到问题,请联系微信: ccccyyyy4444 或者 QQ:155120699 ,如果我们有空闲时间,可以免费为您答疑解惑。