9小时搞定微信小程序开发(关于加快微信小程序开发的一些小建议)
类别:编程学习 浏览量:2893
时间:2022-03-31 00:12:54 9小时搞定微信小程序开发
关于加快微信小程序开发的一些小建议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中写着大量的内容,混乱不堪,后期调试尤为痛苦。可以将不同的初始化内容写为不同的函数,函数化、模块化。
onLaunch: function(options) { //此处需要有对进入小程序方式的处理 this.InitCloud(); //初始化云服务 / ESC this.InitCustom(); //初始化custom所需配置信息 this.InitEdu(); //初始化教务系统配置 },
5.善用template
对于内容大量重复的wxml内容,可以将之抽离为template模板文件,使用时直接导入使用即可。
<import src="template/NexuTemplate.wxml"/> <view wx:for="{{dirlist}}" wx:key="item"> <template is="dirshow" data="{{item}}"></template> </view>
6.云开发混合开发
内容安全识别,openid获取,图片鉴黄,支付流程,内容推送这些东西如果使用自己的后台实现,并不是这么简单,但是如果使用了云开发的技术替换这一部分,自己专注于业务逻辑,你会打开一片新天地。
云开发部分功能(后面我会专门写一篇文章介绍云开发混合开发的内容):
const cloud = require('wx-server-sdk') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }) // 云函数入口函数 exports.main = async (event, context) => { // console.log(event) switch (event.action) { case 'getWXACode': { return getWXACode(event) } case 'getOpenData': { return getOpenData(event) } case 'msgSecCheck': { return msgSecCheck(event) } case 'imgSecCheck': { return imgSecCheck(event) } case 'submitPages': { return submitPages(event) } default: { return } } } //获取小程序码 async function getWXACode(event) { console.log(event.url) // 此处将获取永久有效的小程序码,并将其保存在云文件存储中,最后返回云文件 ID 给前端使用 const wxacodeResult = await cloud.openapi.wxacode.get({ path: event.url || 'pages/index/index', }) const fileExtensionMatches = wxacodeResult.contentType.match(/\/([^\/]+)/) const fileExtension = (fileExtensionMatches && fileExtensionMatches[1]) || .jpg" alt="9小时搞定微信小程序开发(关于加快微信小程序开发的一些小建议)" border="0" />
7.将个人配置数据集中到一个文件中
比如说服务器域名、接口令牌这些可能会变化,但经常使用的数据,集中到一个文件中。
module.exports={ UseCloud:true, CloudId:'', //云开发环境id TraceUser:true, //记录用户访问日志 AdaptStorge:true, //允许缓存用户数据 SevDomain:'http://localhost' //服务器的域名 }
8.善用开发者工具的版本管理工具
总结
到此这篇关于关于加快微信小程序开发的一些小建议的文章就介绍到这了,更多相关微信小程序开发建议内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- 微信小程序计算器怎么用(微信小程序实现计算器功能)
- 微信小程序接口返回数据怎么弄(微信小程序页面返回传值的4种解决方案汇总)
- 9小时搞定微信小程序开发(关于加快微信小程序开发的一些小建议)
- 宝塔小程序制作(宝塔面板微信小程序使用图文教程)
- pythondjango后台管理(基于腾讯云服务器部署微信小程序后台服务Python+Django)
- 微信小程序数学公式(微信小程序计算器实例详解)
- 微信小程序获取时间(微信小程序wxs日期时间处理的实现示例)
- 微信小程序图片加特效(微信小程序实现可实时改变转速的css3旋转动画实例代码)
- 微信小程序多人编辑表格(微信小程序实现固定表头、列表格组件)
- css浮动小例子教程(使用css transition属性实现一个带动画显隐的微信小程序部件)
- 微信小程序存token(小程序开发实现access_token统一管理)
- 微信小程序怎么绕过人脸的(详解微信小程序官方人脸核身认证)
- 怎么编写计算小程序(微信小程序实现简易计算器)
- 微信小程序企业微信打卡(使用Python实现企业微信的自动打卡功能)
- 微信小程序的交通码(微信小程序中实现车牌输入功能)
- 微信小程序function怎么使用(微信小程序在{{ }}中直接使用函数的方法示例)
- 泪目 这位 刷屏 的英雄,是全椒人的骄傲(泪目这位刷屏)
- 人从众 火炎焱 全椒再现 正月十六走太平 的魅力(人从众火炎焱全椒再现)
- 官宣 全椒籍明星许海峰 奚秀兰 方芳 王璐瑶携手回家 走太平(全椒籍明星许海峰)
- 以前全椒人是怎么过冬的 满满都是回忆(以前全椒人是怎么过冬的)
- NVIDIA显卡份额冲上88 A饭发愁 游戏优化恐没A卡份了(NVIDIA显卡份额冲上88A饭发愁)
- AMD YES A卡还是N卡 A卡和N卡的区别(AMDYESA卡还是N卡)
热门推荐
- css怎么设置div边框(div+css实现带箭头的面包屑导航栏)
- asp.net如何实现word文档在线预览
- css font的简写规则
- clear清理指令(详解利用clear清除浮动的一些问题解决)
- pythonrequests爬虫使用教程(Python 通过requests实现腾讯新闻抓取爬虫的方法)
- linux连接工具命令行长度设置(linux userdel 命令的使用)
- h5禁用返回键(可能这些是你想要的H5软键盘兼容方案小结)
- dedecms系统怎么查看(DedeCMS V5.3/V5.5/V5.7 安全设置指南 图文推荐)
- docker部署oracle(Docker安装Oracle_11g的方法)
- php中钩子的理解与实例教程(php中钩子hook的原理与简单应用demo示例)