我是1998年的女生，在武汉光谷一家公司从事前端开发岗位。本人3年前端开发经验，技术水平很一般^_^，技术栈：html,css,vue,react,js。熟悉一些PHP，因为公司项目多，PHP平时比较缺人手，我也会帮忙。不过技术肯定不如我的粉丝，有什么问题我一般都会找粉丝帮忙。真心感谢你为什么要做一个答题小程序？主要是最近收到很多后台粉的留言，说想学小程序，想学前端，没有基础，对编程感兴趣等等。于是决定做一个从零开发到完整上架的问答小程序。内容涉及到很多细节，也为小程序提供了避坑指南。技术栈采用原生开发，将普通爱好者的上手难度降到最低。进入正题，先准备一个个人主题的小程序，云开发已经启动。目前云开发11月计费政策调整为19.9/月。新用户好像可以免费试用一个月。反正我昨天用新账号试了一下没有成功，19.9还是提示打开。你可以试试看。没用的可以删除）编辑添加图片注释，不超过140个字符（可选）大家先安装colorUI和vant高颜值，好看又好用的组件（不要重复造轮子），vant可以去官方安装教程。感谢开源2的贡献，安装完成后可以看到如下目录首先输出了一个“Hello,World!”编辑切换到中心添加图片注释，不超过140个字符（可选）3.搭建消防知识主页切换到中心添加图片注释，不超过140个字符（可选）有四种首页功能入口：授权登录答题排行榜分享功能授权登录重点！！！切换到中心编辑和添加图片注释，不超过140个字符（可选）。记得获取用户头像api。官方改了3次。这一次，不能直接授权获取用户头像。需要使用“头像昵称填充”编辑开关在中心添加图片注释，不超过140个字符（可选）代码：授权登录通过绑定事件获取头像的临时链接（需要本地缓存，后面会用到），不过这里官方返回的头像有点模糊。期待下次更新解决这个问题//新版头像onChooseAvatar:function(event){//头像临时链接varavatarUrl=event.detail.avatarUrl;//缓存头像wx.setStorageSync('avatarUrl',avatarUrl);//跳转到头像设置页面wx.navigateTo({url:"/pages/setUser/setUser"});},头像缓存成功后，我们需要跳转到一个头像设置页面头像昵称openid编辑添加图片注释，不超过140字（可选）代码：onLoad(options){//getavatarvaravatarUrl=wx.getStorageSync('avatarUrl');if(avatarUrl){this.setData({avatarUrl:avatarUrl})}//openidvaropenid=wx.getStorageSync('openid');if(openid){this.setData({openid:openid})}},我们可以直接读取刚刚缓存的头像，使用用户唯一标识符。openid云开发无需认证自然获取非常方便（主要记录用户身份和消息传递）//获取openidgetOpenid:function(){varthat=this;//获取openidwx.cloud.callFunction({name:'getOpenid',data:{},success:res=>{//获取openidvaropenid=res.result.openid;that.setData({openid:openid})//缓存openidwx.setStorageSync('openid',openid);},fail:err=>{console.error('[Cloudfunction][login]调用失败',err)wx.showToast({title:'login失败！'+错误，图标：'无'});}})}接下来需要将用户的头像、昵称、openid存入数据库。数据库涉及增、删、改、查。没有接触过云开发的小伙伴可以关注一下。如果在搭建过程中遇到问题，可以去后台私信提问，今天的教程就到这里
