小程序入门学习

前言：我第一次学 如有不对请多指教；我也是跟课学的，就当学习辅助笔记；我非常乐意解答我笔记中大家有看不懂的地方，不要怕，问我！！我非非非常虚心接受写错的地方，请指教，但是不许戾气太重，我不是专业写这个的，你骂我，我就生气。

开始——要有一个账号：

首先呢，学习小程序，要注册一个账号，用来做小程序的，注册地址：（微信公众平台）微信公众平台微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com

然后点立即注册——选择小程序——填信息什么什么的——记住你的AppID(先复制下来一会有用)

接下来——安装软件：

安装做小程序的软件，推荐稳定版本，地址：（稳定版 Stable Build 更新日志 | 微信开放文档）
稳定版 Stable Build 更新日志 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html傻瓜式安装就好啦

进入正题——我们可以创建项目了：

先设置一下代理，自己学习时推荐这样设置（老师说的，别问我为什么）

 勾选第一个

 点击加号，创建项目，（选不使用云服务，js的基础模板，剩下的默认就行，这图片好像看不了是不？我手机看他说是违规）

介绍文件

介绍一下这些文件哈。（不用管我这页面显示的，那是我写的小练习，咱们先整明白这文件都是干的）

 打字费劲 看图吧 不会我发语音教你

代入理解一下：WXHL里的view就相当于HTML里的div，以此类推

 

 介绍宿主环境

小程序的宿主环境就是手机微信

下面图片理解成底层逻辑或者介绍吧

 

组件：1、视图容器组件（view、scroll-view、swiper）

可以做第一个小练习了，练习flex布局，成果如下：

 接下来，第二个小练习，scroll-view实现滚动列表效果
scroll-y：允许纵向滚动；scroll-x：允许横向滚动；
前提：给大盒子设置个高度

 

第三个小练习。练习swiper属性，实现轮播图

 组件：2、基础内容组件（text、rich-text）

text 相当于span，是行内元素，有个属性selectable，可以实现长按选中功能
rich-text 的nodes属性把HTML字符串渲染为WXML结构

组件：3、表单组件（button、image）

 button组件：

 image组件：

 图片填满image默认宽高：

<image src="1.jpg" mode="scaleToFill"></image>

 图片等比例缩放：

<image src="1.jpg" mode="aspectFit"></image>

 图片水平或垂直方向等比例缩放：

<image src="1.jpg" mode="aspectFill"></image>

图片宽度不变，自动调整高度，直到原图等比例显示出来:

<image src="1.jpg" mode="widthFix"></image>

 图片高度不变，自动调整宽度，直到原图等比例显示出来:

<image src="1.jpg" mode="heightFix"></image>

小程序的API 

 说一下小程序的开发流程

1.可以登录自己的小程序后台（链接——扫码登录：小程序），添加管理成员 ，你自己开发的小程序，你肯定默认是管理者，你可以添加项目人员和你共同开发代码，添加体验人员帮你测试。

2.版本：你开发完、测试完的代码 叫开发版；程序稳定可测试、有人帮你测试的叫 测试版（体验版本）；测试完，修改最终bug，全部没问题，可上线的，叫正式版。

 3.代码写完发布上线步骤：上传代码——提交审核——发布

上传代码：点击上传，填写版本号和备注

 登录小程序后台——管理——版本管理——开发版本    能够看到上传的版本。

点击提交审核 腾讯管理员会审核

 

 

一会接着更哈~