微信小程序学习资源疏理

注册帐号及下载开发工具

微信公众平台https://mp.weixin.qq.com/

微信开发者工具下载地址与更新日志https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信官方文档

开发指南https://developers.weixin.qq.com/miniprogram/dev/framework/

developers.weixin.qq.com/miniprogram/dev/reference/https://developers.weixin.qq.com/miniprogram/dev/reference/

内置组件https://developers.weixin.qq.com/miniprogram/dev/component/

微信提供给小程序的 API 能力扩展https://developers.weixin.qq.com/miniprogram/dev/api/

平台扩展能力https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/

服务端相关能力扩展https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/

小程序开发工具使用手册https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

外部资源文档

Vant Weapp - 轻量、可靠的小程序 UI 组件库轻量、可靠的小程序 UI 组件库https://vant-ui.github.io/vant-weapp/

MDN CSS：层叠样式表https://developer.mozilla.org/zh-CN/docs/Web/CSS

MDN CSS 层叠样式 弹性盒子布局模型https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox

Vant UI库 Sidebar 侧边导航 使用文档https://vant-ui.github.io/vant-weapp/#/sidebar

Flex 弹性布局 一套视频全讲清（讲得很好理解）

flex 布局概览https://www.bilibili.com/video/BV1N54y1i7dG/?vd_source=4c75035aef788050a3a75bbc7057bf06

体验flex布局https://www.bilibili.com/video/BV1N54y1i7dG/?p=2&vd_source=4c75035aef788050a3a75bbc7057bf06

flex布局原理https://www.bilibili.com/video/BV1N54y1i7dG/?p=3&vd_source=4c75035aef788050a3a75bbc7057bf06

常见父项属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=4&vd_source=4c75035aef788050a3a75bbc7057bf06

justify-content属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=5&vd_source=4c75035aef788050a3a75bbc7057bf06

flex-wrap属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=6&vd_source=4c75035aef788050a3a75bbc7057bf06

align-items属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=7&vd_source=4c75035aef788050a3a75bbc7057bf06

align-content属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=8&vd_source=4c75035aef788050a3a75bbc7057bf06

flex-flow属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=9&vd_source=4c75035aef788050a3a75bbc7057bf06

常见子项属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=10&vd_source=4c75035aef788050a3a75bbc7057bf06​​​​​​​

align-self属性https://www.bilibili.com/video/BV1N54y1i7dG/?p=11&vd_source=4c75035aef788050a3a75bbc7057bf06