[知识储备]用RequireJS +zepto开发微信公众号

2019独角兽企业重金招聘Python工程师标准>>>

一、了解RequireJS 和zepto

1.RequireJS的目标是鼓励代码的模块化，其遵循 AMD（异步模块定义）规范。 一开始我以为RequireJS 无非就是省略了一堆<script src=“”></script>，用了之后才发现并不是这样。RequireJS 除了异步加载js外，更重要的是模块化加载，比如一些复用性比较高的功能，就尽量自己抽出来写成模块，设计好依赖关系等，思路很清晰，也好管理自己的代码。RequireJS模块化加载 .

2.zepto实际上就是移动端的jquery,两者区别

二、创建项目（Github）

require_config.js如下:

var require = {
	baseUrl: '/m/static/js/',
	paths: {
		zepto: ['libs/zepto'],
		swiper: ['widget/swiper'],
		text: ['libs/text'],
		mustache: ['libs/mustache'],
	},
	shim: {
		zepto: {
		       exports: '$',
		},
		mustache: {
			deps: ['text'],
		}
	},
	onError: function (err) {
		console.log(err, ', error found');
	},
};

shim属性是专门用来配置不兼容的模块，其中，exports值（输出的变量名），表明这个模块外部调用时的名称；deps数组，表明该模块的依赖性。

三、功能组件目录

1.轮播 swiper.hrml。 2.使用mustache库展示订单详情 mustache.html(后续详解)。

四、关于mustache的使用

1.引入mustache.js和text.js。requirejs通过text.js来加载mustache.js。注意路径配置。 2.mustache语法

转载于:https://my.oschina.net/AnymoreCoder/blog/823189