# 微信小程序--其他知识 --- ### 1、创建目录和文件 * 除了小程序自带的文件和文件夹，还可以自己创建。 * 见过很多同学，思想被小程序自带的文件固定了，以为只能使用小程序文件。 * 可以在根目录创建img（存放图片目录）。 * 可以在utils目录，创建新的公用js文件。 --- ### 2、`module.exports` 和 `exports` 模块化 * 除了小程序自带的文件外，还可以创建公用js文件。 * 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。 > js示例：创建js公用文件 utils/common.js ```js function ouyangke(){ return '欧阳克'; } function huangrong(){ return '黄蓉'; } module.exports.ouyangke = ouyangke; exports.huangrong = huangrong; ``` --- ### 3、载入公用js文件 > js示例： ```js const common = require('../../utils/common.js'); Page({ data: { }, onLoad: function (options) { console.log( common.ouyangke() ); console.log( common.huangrong() ); } }) ``` --- ### 4、代码复用 * `SWAN` 可以通过import和include来引用模板文件 * 一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。 > import ```html <import src="./public.swan" /> <template is="person" data="{{array}}" /> ``` ```html <template name="person"> <view> <text>ID: {{id}}</text> <text>姓名: {{name}}</text> </view> </template> ``` ```js Page({ data: { array : { id: 1, name: '欧阳克' } } }) ``` > include * 可以直接使用 `data` 里的数据 ```html <include src="header.swan"/> <view> body </view> <include src="footer.swan"/> ```