宝哥软件园

从头开始的一个微信小程序版知乎

编辑:宝哥软件园 来源:互联网 时间:2021-12-11

我之前没有直接从事过小程序的开发,所以最近有空的时候会快速学习。自从我们从零开始,我们没有使用任何框架或UI库。记录我们这次开发踩过的坑~

显示效果(界面风格设计和交互来自iOS 4.8.0的知乎App):

从零开始一个微信小程序版知乎(图1)

请移至GitHub查看动态效果。

一、开始前的准备

申请账号:注册文档、填写信息、提交相应材料,即可拥有自己的小程序账号。开发工具:微信开发者工具数据来源:Easy Mock:是一款数据模拟神器,可以按照自己的格式写入和返回数据,所有数据都是随机生成的。Mock.js: Easy Mock引入了Mock.js,但是文档中只提供了部分语法。如果想更简洁地编写模拟数据,可以在mock.js中检查更具体的语法。

二、初始化一个小程序

新建一个空文件夹,打开微信开发者工具,按照文档“你的第一个小程序”中的步骤创建自己的小程序。结构微信公众号| ____客户端|||____资产//存储图片||____页面//页面||||____索引//主页| | | | _ _ _ _ index.wxml//page结构文件| | | | _ _ index.wxss//style工作表文件| _ _ _ _ _ utils//全局公共函数| | _ _ _ _ app.js//System方法处理文件| | | _ _ _ _ app.json//System全局配置文件| | | _ _ _ _ app.wxss//Global样式表| | _ _ _ _ config.json//Domain名称和其他配置文件|______

更多资讯
游戏推荐
更多+