从零开始一个微信小程序版知乎_微信小程序开发知乎

作者：木道寻08 | 2024-08-05 04:00:02

踩

微信小程序开发知乎

以前工作没直接进行过小程序的开发，最近闲了下来就赶紧学习一下。因为从零开始，所以没有使用任何框架及UI库，记录一下本次开发中踩过的坑吧~

展示效果(界面样式设计与交互来自iOS 4.8.0版本知乎App)：
在这里插入图片描述

动态效果请移步到GitHub查看。

一、开始前的准备

申请账号：根据小程序注册文档，填写信息和提交相应的资料，就可以拥有自己的小程序帐号。
开发工具：微信开发者工具
数据来源：
Easy Mock: 一个数据模拟神器，可以根据自己需要的格式自己编写返回数据，而且所有的数据都是随机生成的。
Mock.js: Easy Mock引入了Mock.js，但是文档中仅提供了部分语法，要想自己的mock数据写的更精简，可以在Mock.js中查看更多具体语法。
icon: 阿里巴巴矢量图标库
二、初始化一个小程序

{
	// 页面路由
 "pages": [
 "pages/index/index", // 首页
 "pages/findMore/findMore", // 想法页（开始起名为发现页面，后来没改/(ㄒoㄒ)/~~）
 "pages/userCenter/userCenter", // 更多（同上，原来起名为个人中心o(╯□╰)o）
 "pages/market/market", // 市场
 "pages/searchResult/searchResult",// 搜索结果页
 "pages/message/message", // 消息列表页
 "pages/titleDetail/titleDetail", // 点击标题进入的问题详情页
 "pages/contentDetail/contentDetail"// 点击内容进入的回答详情页
 ],
 // 窗口
 "window": {
 "backgroundColor": "#FFF", // 窗口的背景色 
 "backgroundTextStyle": "dark", // 下拉背景字体、loading 图的样式，仅支持 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/木道寻08/article/detail/930680

从零开始一个微信小程序版知乎_微信小程序开发 知乎

从零开始一个微信小程序版知乎_微信小程序开发知乎