9.25 冯娜

学习日志

一、微信公众平台

1、什么是微信公众平台：微信公众平台是腾讯公司在微信基础平台上新增的功能模块，通过该平台，个人或企业都可以打造一个微信的公众号，并实现和特定群体的文字、图片、语音的全方位沟通、互动。

2、微信公众平台可以干什么：小程序、订阅号、小游戏

3、为什么要使用微信公众平台：微信公众平台主要用来进行轻量级app的开发，我们 不需要考虑兼容性的问题。

二、微信小程序：

1、注册微信公众平台账户

2、下载开发工具：下载网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。

3、创建微信小程序：新建项目—输入项目名称和APPID—开发模式（小程序）—后端 服务（云开发）—新建。

4、应用软件的工作结构：界面（用户需要通过用户接口像服务器发出请求）；

​ 业务（服务器再发送响应给客户端）；

​ 数据库（服务器将与数据库进行数据额处理）。

5、小程序与网页开发的区别：

（1）开发工具的不同：网页：开发工具+浏览器 ；

​ 小程序：同步本地文件+开发调试+编译+预览+上传+发布。

（2）开发环境的不同：网页：依赖于浏览器，有兼容器问题；

​ 小程序：依赖与微信，没有兼容性的问题。

（3）开发语言的不同：网页：HTML+CSS+JS， 属于最原始的东西；

​ 小程序：wxml+wxss+js，微信小程序都是已经写好的，要会用。

6、开发工具功能：编译、预览、详情、上传

7、目录结构：

（1）cloudfunctions:云开发[云函数]名字。

（2）miniprogram：images(图片)、pages（页面）、style（用来保存项目中所有自定义全局样式文件）、app.ison（全局配置文件，创建好以后需要删除原本app.json中配置的pages下包含的文件路径，删除路径后到源文件中删除pages下包含的文件），包含pages[],window:{}、app.wxss（全局样式）。

8、文件类型：

(1).wxml:搭建小程序页面的结构。

(2).wxss:wxss类似于css，用来定义全局样式。

a、大小单位为rpx，自带响应式的单位;

b、样式中可以使用@import引入外来样式;

c、样式可以用第三方组件库vant weapp。

(3).json:json文件属于页面的属性配置文件，用来配置需要使用的组件路径和一些样式的配置。

(4).js：js是专门用于微信小程序开发的一种语言，用来实现各个组件的交互功能，微信小程序的js中没有DOM和BOM。

9、创建页面：

（1）打开app.json文件，在pages下，输入创建页面的路径。

（2）当路径保存之后，系统会自动在相应的路径下创建好相应的页面。

（3）使用第三方组件库。

10、常用组件：

view:相当于div，属于块级元素。

text：相当于span、p标签，属于行内元素。

image：图片。

button：按钮。

input：输入框；type：text（文本输入键盘）、number(数字输入键盘)、idcard(身份证输入键盘)、digit(带有小数点的键盘)。placeholder（设置占位提示符，即输入框中的提示文字）。disabled（是否禁用，取值为boolean值）。

picker：从底部弹起的滚动选择器。range：绑定数据来源；value：初始加载时，显示数据的哪一项，下标从0开始；mode：选择器的类型，取值为selector(普通选择器)、multiSelector(多列选择器)、time(时间选择器)、date(日期选择器)、region(省市区选择器)。

video：视频组件。

audio：音频组件。

swiper：轮播组件。

swiper-item：搭配swiper使用，为轮播的每一项。

icon：图标。

form：表单。

11、数据绑定:{{}}