小程序学习笔记，通过ngrok实现内网穿透暴露到公网，将本地的ip与端口号暴露到公网，并且映射到某个域名下

目录

一、第一章

1.入门

（1）小程序官网：注册账号、安装开发者工具：https://mp.weixin.qq.com/cgi-bin/wx

（2）目录结构

       1）主目录结构

      2）页面目录结构 

 （3）数据绑定

 2.第一个微信小程序

3.小程序的页面加载

4.小程序生命周期

5.调试

6.页面跳转

wx.navigateTo(Object object)

wx.redirectTo(Object object)     重定向

7. 事件触发

8.小程序的模块化 

9.视图层数据绑定 

  (1) 内容上的绑定

（2）组件属性

（3）控制属性

10.模板以及模板的外部引用

二、第二章

1.flex布局

2.组件 

小程序基础组件

三、第3章 form表单组件与小程序前后端通信

3.1.组件

3.2小程序前后端通信

1.小程序不能直接访问后台接口，不同于web应用

2.如何通信（实现）

---

一、第一章

1.入门

（1）小程序官网：注册账号、安装开发者工具：https://mp.weixin.qq.com/cgi-bin/wx

---

（2）目录结构

功能页面都是由4个文件构成，命名方式一样

       1）主目录结构

• app.js-外部全局主js，可以当做一个父类，其他js可以调用这里的函数，一个小程序只有一个
• app.json-全局配置文件 里面配置的都是对象
• app.wxss-全局主样式，公用

---

      2）页面目录结构 

• items.js-私有的js，相当于子类
• items.json-以json对象形式存在的配置
• items.wxml-元素所渲染的页面
• items.wxss-私有样式

logs页面，微信提供的查看日志的页面 

---

 （3）数据绑定

创建一个默认小程序后，结构如上面所示。

每个页面的js文件中申明数据，在wxml页面使用，现在js框架很多都是用{ {}}使用数据比如vue.js

---

 2.第一个微信小程序

onLaunch生命周期中用到的一个函数，函数会在小程序一打开后触发这个函数

 

app.json配置说明：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

3.小程序的页面加载

定义在第一行的页面，小程序默认加载pages中的第一个目录，其他目录需要通过触发才能加载

4.小程序生命周期

App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

onLaunch
onShow    后台到前台
onHide     前台到后台

onError

其他

5.调试

debugger;   f10单部跳过，F8跳到下一个短点

6.页面跳转

wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面