如何通过几个小技巧高效提升微信小程序开发速度?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1229个文字,预计阅读时间需要5分钟。
1. 使用app.json创建页面+按照我们常见的开发习惯,创建一个新页面,通常先创建文件夹,再创建应用page的格式,完成后,app.json会自动注册该页面。实际上,我们还可以通过+按钮直接添加页面。
1.使用 app.json创建页面
按照我们平常的开发习惯,创建一个新的页面,一般都会先创建文件夹,再创建对应page的形式,创建完成后,app.json中会自动注册该页面。实际上,我们还可以通过直接在app.json中注册页面来生成对应的page。
"pages": [ "pages/index/index", "pages/newpage/newpage" ],
如上所示,在配置文件中注册该路径,小程序就会自动创建该对应路径。
2.善用编译模式
我们想要调试某个页面时,相当一部分开发者习惯于直接修改app.json来调整首个入栈页面,实际上完全可以使用编译模式添加编译页面,来代替修改配置文件的行为。
3.组件复用小程序样式
这一点经常被遗忘,因为新建component的时候,小程序并不会展示该配置项。配置options如下,组件可以使用全局样式(app.wxss)
Component({ //继承colorui样式 options: { addGlobalClass: true, multipleSlots: true }, ... }
4.app.js初始化内容函数化
很多小程序onLaunch中写着大量的内容,混乱不堪,后期调试尤为痛苦。
本文共计1229个文字,预计阅读时间需要5分钟。
1. 使用app.json创建页面+按照我们常见的开发习惯,创建一个新页面,通常先创建文件夹,再创建应用page的格式,完成后,app.json会自动注册该页面。实际上,我们还可以通过+按钮直接添加页面。
1.使用 app.json创建页面
按照我们平常的开发习惯,创建一个新的页面,一般都会先创建文件夹,再创建对应page的形式,创建完成后,app.json中会自动注册该页面。实际上,我们还可以通过直接在app.json中注册页面来生成对应的page。
"pages": [ "pages/index/index", "pages/newpage/newpage" ],
如上所示,在配置文件中注册该路径,小程序就会自动创建该对应路径。
2.善用编译模式
我们想要调试某个页面时,相当一部分开发者习惯于直接修改app.json来调整首个入栈页面,实际上完全可以使用编译模式添加编译页面,来代替修改配置文件的行为。
3.组件复用小程序样式
这一点经常被遗忘,因为新建component的时候,小程序并不会展示该配置项。配置options如下,组件可以使用全局样式(app.wxss)
Component({ //继承colorui样式 options: { addGlobalClass: true, multipleSlots: true }, ... }
4.app.js初始化内容函数化
很多小程序onLaunch中写着大量的内容,混乱不堪,后期调试尤为痛苦。

