这些内容都是在做运转小程序时候积累的。

0 入门工具

WeUI组件库

这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

项目地址

Slideview组件

通过这个组件，可以实现滑动操作，非常优美。

事件

当你在手机上滑动、点击或者长按时，可以用事件及时做出相应。

• 事件是视图层到逻辑层的通讯方式。
• 事件可以将用户的行为反馈到逻辑层进行处理。
• 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
• 事件对象可以携带额外信息，如 id, dataset, touches

使用editor组件制作标签

为了便于管理车票信息，我们模仿微信收藏的标签，采用editor组件实现了这一功能。

不过最后使用最基础的text组件实现了

图片上传

为了将用户的图片传入系统，要分成两步：拍照/照片选取和上传。

wx.chooseImage(Object object)是从本地相册选择图片或使用相机拍照。

wx.previewImage(Object object)在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作

正则表达式

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于的和方法, 以及的、、、和方法。

为了筛选短信中乘车信息，比如几月几号几点发车，什么车厢什么座号，我用了一组较为复杂的正则表达式来筛选，但是由于铁路短信2018年和2019年版本有差异，因此对于车站的解析暂时无法统一。

小程序开启暗黑模式

微信从iOS客户端 7.0.12、Android客户端 7.0.13 开始正式支持 DarkMode，小程序也从基础库 v2.11.0、开发者工具 1.03.2004271 开始，为开发者提供小程序内的 DarkMode 适配能力。

开启 DarkMode

在app.json中配置darkmode为true，即表示当前小程序已适配 DarkMode，所有基础组件均会根据系统主题展示不同的默认样式，navigation bar 和 tab bar 也会根据下面的配置自动切换。

点赞功能

新建一个nodeJs云函数， 然后命名为vote，点击赞, 我们发现图片会变成黄色的赞icon了

阅读计数是一项被动功能，无须用户有意识地主动触发。在post-detail.wxml中新增一段工具栏代码。

熟悉传统Web开发的读者很容易想到用jQuery获取image标签，再动态地设置image的src属性。再次强调，小程序没有dom，一切都是数据绑定，请抛弃dom的思维方式。

这个要看你们自己的业务逻辑，可以借助微信的组件以及wx.request接口向你们的服务器发送请求进行点赞、评论

发布的信息还要携带上发布者的身份识别码、昵称 和 头像 , 可以选择性的带上位置信息（不需要要进行功能拓展的话就不用加上该字段）。

微信小程序地图

微信小程序开发中，可以添加地图作为页面内容，还可以展示地点、路线等，非常方便，具体操作可以看文档

微信小程序地图

详解微信小程序地图组件实例：远征军墓地分布图小程序https://blog.csdn.net/sinat_41310868/article/details/78916811

功能

• 1、打卡 我到过XX村
• 2、村子回忆
• 3、产地直供
  

Javascript基础

async方法

async的意思是"异步"，顾名思义是有关异步操作有关的关键字。下面我们就来构造一个async方法。async详解 - 知乎 (zhihu.com)

通过Promise.resolved()将字符串封装成了一个Promise对象返回。

用then方法来处理

API

获取用户信息，本地存储，支付功能等需要api功能，API | 微信开放文档 (qq.com)

云开发

原本微信的官方文档对于云开发有比较系统的介绍微信开放文档 (qq.com)，但是由于腾讯一直在对指令做更新， 现在已经不兼容文档中的很多操作，比如上传照片的功能/获取用户信息功能，目前已经无法应用API 指引 | 微信开放文档 (qq.com)，获取小程序用户信息 | 微信开放文档 (qq.com)。

因此，要重新学习整理云开发的资料。

云开发提供了一个控制台用于可视化管理云资源。控制台包含以下几大模块。

• 概览：查看云资源的总体使用情况
• 用户管理：查看小程序的用户访问记录
• 数据库：管理数据库集合、记录、权限设置、索引设置
• 存储管理：管理云文件、权限设置
• 云函数：管理云函数、查看调用日志、监控记录
• 统计分析：查看云资源详细使用统计

envv1.1.0

云开发-腾讯云CloudBase

云开发提供完整的原生云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代。

好了，可以进入开发界面了，之前写的是免费，进入创建环境就开始收费了（不愧是 @腾讯）。

介绍和使用文档

上传图片

低代码-微搭

更多链接：