好习惯
要开发一个小程序的项目,实现可以准备一个空的模板,也就是在使用一次微信开发者工具创建的模板之后,拷贝一份,然后将内容清空,这样在开发小程序的时候就省了要删除模板内容的操作了;
如果存在两个或者两个以上页面的布局、样式有比较大面积重复的,可以考虑先写好一个页面的布局、样式,再复制这个页面的文件夹,重命名,然后再在复制页面的基础上做修改;
一般一个小程序会有多个页面,那就需要创建多个文件夹,目前自己比较快的方式是:copy 一份模板(或者多份)已存在的一个页面文件夹,给它重命名,并且随手复制写好的命名;进入到文件夹内,逐个点击文件,然后按 F2 快速选择修改重命名,把复制好的命名复制上去就好了,这样比较快速;
写页面布局的时候,优先考虑 Flexible 弹性盒子布局。小程序官方也是推荐用 Flex 来布局的。用它配合 定位、浮动,就可以实现大部分的布局任务了;
如果在各个页面中有重复使用多次的方法或者属性的话,可以考虑定义公共的方法、属性来减少工作量,提高效率;
公用的方法或者属性可以考虑两个途径定义,以达到复用的目的:
第一,在 app.js 中:使用函数 getApp() 进行定义,然后在各个页面中再通过 getApp() 调用:// app.js var common = getApp() common.sayHello = function() { console.log("Hello World!") }
// index.js var common = getApp() Page({ sayHello: common.sayHello })
第二,在 utils 文件夹里的 uitls.js 中定义,然后,在 module.exports ={ } 中写入,实现方法属性的导出,再在页面中用 require() 函数将模块引入使用
// utils.js const sayHello = function() { console.log("Hello world") } module.exports = { sayHello: sayHello }
// app.js var util = require("../../utils/utils.js") Page({ sayHello: util.sayHello })