【学习记录】微信小程序：前端开发

重度嗜睡患者 · 发表于 2021-6-26 20:24:00

更新时间：2021年6月26日

说明：写作此系列有两个目的，①复习微信小程序开发技术（前端+后端）；②为微信小程序初学者提供一些帮助。以后一定要养成通过写博客记录学习过程的好习惯，不然时间长了真的会忘……

我学习的课程是“学堂在线”上的学做小程序——实战篇：树洞小程序

axlsdtkl/wechat-mini这是下面这位大佬上传到github上的treehole项目，如果觉得跟着视频敲代码太慢了，可以下载下来跟着课程阅读源码。

课程前三章分别是：①课程导论；②如何开始第一步；③产品原型设计实践，如果想系统地了解开发一个微信小程序的过程，这部分内容还是有必要学习下的。我们从第四章开始学习。

小程序前端开发实战

这一章介绍了微信小程序开发者工具的使用、小程序代码框架、以及html+css+js的入门知识。

小程序前端开发推荐工具包括：

微信小程序的接入流程包括：注册；小程序信息完善；开发小程序；提交审核和发布。

开发小程序前要先完成小程序注册。进入注册页面微信小程序，按照步骤完成：帐号信息；邮箱激活；信息登记三步。之后扫码登录，并完善小程序信息，点击下图中的开发设置可以查看AppID，类似微信小程序的“身份证号”。

打开微信开发者工具，选择小程序项目，填写表单后创建小程序。如果不使用云开发技术，就选择“不使用云服务”选项。

点击“新建”，进入开发界面。快捷键Alt+Shift+F可以格式化代码。开发者文档微信开放文档可以帮助我们完成小程序的开发。

⭐开始 | 微信开放文档

微信小程序实质上是一款基于web技术的应用程序。微信小程序 ≈ 网站前端，他们使用的开发语言，代码结构以及代码的运行机制是一样的。

微信小程序代码框架介绍：

⭐小程序代码构成 | 微信开放文档

更新时间：2021年6月27日

刚刚在阅读微信开放文档时，发现里面还“隐藏”着一份教程《小程序开发指南》，有待后续阅读。

更新时间：2021年6月29日

⭐WXML | 微信开放文档

⭐视图容器 | 微信开放文档

⭐数据绑定 | 微信开放文档

⭐列表渲染 | 微信开放文档

⭐条件渲染 | 微信开放文档

⭐WXSS | 微信开放文档

⭐事件 | 微信开放文档

⭐运行时性能 | 微信开放文档

⭐wx.getUserInfo(Object object) | 微信开放文档

来源：https://www.cnblogs.com/zhulu506/p/14938966.html