小程序学习笔记,通过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.小程序生命周期

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值