小程序文件

小程序中有四种文件,分别是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的相对地址,不能写绝对的,为此,官方文档还给特别指出了。

 

pic-1596534972725.png

 

引入例子:

js文件模块化

导出格式:module.exports = {
a :var1,
b :var2
};

js文件做为模块导出例子:

版权声明:本文为xm970829原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xm970829/p/13434854.html