本人学习视频为黑马程序员，视频连接为：B站黑马程序员

微信小程序的介绍

微信小程序，简称小程序，英文名为Mini Program,是一种不需要下载安装即可使用的应用，用户扫一扫或搜一下便可打开应用。

为什么是微信小程序

1.微信有着海量用户，而且粘性高，在微信里开发产品更容易接触用户。
2.推广APP或公众号的成本太高。
3.开发适配成本低（微信已做好适配工作）
4.容易小规模试错，然后快速迭代。
5.跨平台。

其他的小程序

1.支付宝小程序
2.百度小程序
3.QQ小程序
4.今日头条+抖音小程序
以上这些的使用都和微信类似，只要学好微信小程序的使用，就可以快速上手其它小程序

官方微信小程序的体验

环境准备

1.注册账号

网址：注册
建议使用全新邮箱，与微信毫无关联的
第一步

第二步

第三步：接着填写用户信息

获取APPID

在前期只简单的测试项目可以不用这个，但是如果后期要调用到微信小程序的接口，需要开发者小程序中的APPID，在注册成功后，可以进行登录，成功后可以看到以下界面

开发工具

下载地址

直接一直下一步，需要更改磁盘就更改，然后等安装结束

第一个小程序

==重点：==可以看网上的官方文档

小程序目录结构

小程序框架的目的是通过较为简单，高效的方式让开发者在微信中开发具有原生APP的服务。（MINA指的是微信小程序的原生框架）

小程序文件结构合传统WEB对比

由表格可知传统WEB为三层，微信小程序为四层，多已配置.json

项目的项目目录

全局配置文件app.json

Tabbar的使用

页面配置文件的使用

微信小程序的使用（一）相关推荐

微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现下面看一个简单的demo 传递数据要传递界面 wxml  <view class= ...
微信小程序web-view使用
web-view 可以是微信小程序支持嵌套网页例如想嵌套百度可以这样 <view ><web-view src="https://www.baidu.com/s?ie= ...
微信小程序下拉刷新和上拉加载
效果图微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的个人感觉特别简单 2 使用scroll-view 实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下其实 ...
微信小程序bindtap 与 catchtap 是使用
如果写小程序对二者不理解的,那看到这边博客,将很快帮助到您, 个人总结的一句话:,bindtap点击事件在同一个view中会向上冒泡,而catchtap 不会向上冒泡下面会有一个demo给出解释, ...
微信小程序根据后台返回值设置自己想要的结果
今天做微信小程序充值列表其中微信或者支付后台返回的是1和2 , 那么就需要判断返回值是否为1或者是2然后在改变简单的就是在xml中判断下就行了 <view class='recharge_t ...
微信小程序import和include
import 和include 是微信小程序提供的2中引用方式 import 一般结合模板template使用 import import可以在该文件中使用目标文件定义的template,如: 在 i ...
微信小程序扫描二维码
最近官方地址看到这句话我想到了,微信小程序是调用微信的扫一扫那么扫一扫的界面就可以不用再写了, 想到android这边都是用图片或者手动画,突然感觉心情特别的好, 里面的参数自己看吧,看到最下面的 ...
微信小程序学习Course 8 本地缓存API
微信小程序学习Course 8 本地缓存API 本篇随笔主要介绍微信小程序本地缓存API函数,微信小程序可以在本地缓存一些关键词数据,每一条关键词对应一段字符串.微信小程序提供了以下API函数. 8. ...
微信小程序----map组件实现（获取定位城市天气或者指定城市天气数据）
效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据:如果 city 不为空,则返回 city ...
map和foreach的区别和应用场景_支付宝小程序和微信小程序，两者有何区别？
原标题:支付宝小程序和微信小程序,两者有何区别? 自2017年1月微信推出小程序之后,小程序的发展势头便愈来愈猛.作为腾讯老对头的阿里,也开始投入小程序的研发.在一年多的开放公测后,支付宝小程序终于于 ...

微信小程序的使用（一）