开发一个小程序 第1篇
注，绑定开发小程序的操作，请查看绑定开发小程序
上述流程是将代码提交到草稿箱，再到模板库再提交到小程序。如果想实现直接将代码提交到小程序，则可以通过使用 directCommit 直接提交至待审核列表。directCommit是里的一个参数，详情可查看extAppid 的开发调试
除了通过开发者工具提交代码，还可以通过miniprogram-ci提交代码，directCommit同样适用于ci工具；
开发一个小程序 第2篇
1. 小程序中组件的分类
小程序中的组件也是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。官方把小程序的组件分为了 9 大类，分别是：
① 视图容器 ② 基础内容 ③ 表单组件 ④ 导航组件 ⑤ 媒体组件 ⑥ map 地图组件 ⑦ canvas 画布组件 ⑧ 开放能力 ⑨ 无障碍访问
2. 常用的视图容器类组件
① view ⚫ 普通视图区域 ⚫ 类似于 HTML 中的 div，是一个块级元素 ⚫ 常用来实现页面的布局效果 ② scroll-view ⚫ 可滚动的视图区域 ⚫ 常用来实现滚动列表效果 ③ swiper 和 swiper-item ⚫ 轮播图容器组件 和 轮播图 item 组件
右下角第4段代码解释：
.container1 这里的.表示选择器是一个类选择器。container1是类名，这意味着这个样式规则将应用于所有具有container1类的HTML元素。
display: flex;： 当一个元素设置为display: flex;后，它的直接子元素将按照弹性盒模型（Flexbox）的布局方式排列。Flexbox是一种用于在容器内分配和对齐子元素的一维布局方法。
justify-content: space-around justify-content属性用于设置弹性容器内弹性项目在主轴上的对齐方式。 space-around值表示弹性项目将在主轴上平均分布，每个项目两侧的空间相等
开发一个小程序 第3篇
提示：提交审核阶段有些需要注意的事项，一个是小程序的代码最大限制为2M，如果有分包的话可以有更大容量，如果您需要与后端交互，建议把所有相关的图片放到服务器上，另一个就是注册小程序前需检查小程序的logo和名字是否已经被注册过，是否被别人注册了商标
代码以及课件和视频资源领取方式： 关注公众号：小猿搜码 后台发送：csdn小程序