小程序文件
小程序文件
小程序中有四种文件,分别是wxml、wxss、js和json文件。
其中最重要的两个是wxml和js文件,一个是页面骨架,一个是要实现页面逻辑的。而wxss是渲染作用,要是可以难看点的话,那么直接不要wxss文件,json文件相当于配置文件,还可以存放一些测试的数据。
接下来分别讲一下wxml、wxss以及js这三种文件分别要引入其它文件的方法:
wxml
wxml文件类似于网页开发的html文件,如果一段经常用的wxml代码,那么可以通过封装成另一个template,从而在页面进行引入。
引入格式:<import src=”template文件地址”/>
引入例子:
wxss
wxss文件类似于网页开发的css文件,用于编写wxml的样式。在网页开发中如果一种样式被多个页面使用,那么可以通过引入外部样式文件。在小程序中同样的可以用这种方式来进行引入外部样式。
引入格式:@import “wxss文件地址”;
引入例子:
js
引入格式:var variable = require(“需要引入的js文件相对地址”);”
注意,这里只能写js的相对地址,不能写绝对的,为此,官方文档还给特别指出了。
引入例子:
js文件模块化
导出格式:module.exports = {
a :var1,
b :var2
};
js文件做为模块导出例子: