# 微信小程序--其他知識 --- ### 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"/> ```