微信小程序学习笔记

Ena96378
234 阅读2分钟

重要的网站：

  1. 微信公众平台：mp.weixin.qq.com/
  2. 微信小程序官方文档： developers.weixin.qq.com/miniprogram…

p3应用程序的结构

p4项目使用git管理

  1. 本地git仓库代码托管到GitHub
git init
git add .//打包全部
git commit -m "first commit"//打包到first commit文件
git remote add origin https://github.com/Kingkongsquirrel/LearnMiniProgram.git //本地关联远程
git push -u origin master//本地关联的远程目录下
  1. GitHub托管的代码克隆岛本地运行
git clone https://github.com/Kingkongsquirrel/LearnMiniProgram.git
git checkout [tag名]//打开一个tag
  1. 当前代码上传GitHub，并回退到初始化
git add .//打包全部
git commit -m "xxx"//打包到xxx文件
git tag xxx
git tag//查看tag列表
git push --tags//把本地中新的tag关联的远程目录下
git log//查看项目列表
git reset --hard [编号]//重置界面

p7project和sitemap

p10小程序双线程模型

思考：如何通过两个线程渲染出界面？

思考：当数据发生变化，如何渲染？

p11

p12注册App我们会做些什么？

  1. 判断小程序的进入场景developers.weixin.qq.com/miniprogram…

2. 获取用户信息

<!--pages/home/home.wxml-->
<button open-type="getUserInfo" bindgetuserinfo="handleBtnClick">获取权限</button>

// pages/home/home.js
Page({
  handleBtnClick(event) {
    console.log(event.detail.userInfo)
  }
})
  1. getApp()获取到全局唯一的 App实例developers.weixin.qq.com/miniprogram…

p12注册page我们会做些什么？

  1. 发送网络请求，获取数据wx.request
  2. 初始化数据
  3. 监听页面点击事件
  4. 其他事件：developers.weixin.qq.com/miniprogram…

p13页面 Page 实例的生命周期

p24

p28:WXML 提供两种文件引用方式import和include。

developers.weixin.qq.com/miniprogram…

p29:

developers.weixin.qq.com/miniprogram…

p31:WXS案例练习

JS获取当前时间戳的三个方法

1、var timestamp = Date.parse(new Date())

2、var timestamp = (new Date()).valueOf()

3、var timestamp=new Date().getTime()

p32 事件

developers.weixin.qq.com/miniprogram…

p33:事件区别

currentTarget(触发事件的view)&&target(产生事件的view)

p34

p35

p36

p38

p42获取组件对象的方式

  • 不正规的方式
  • 正规的方式

p43插槽slot的使用

p44组件构造器

developers.weixin.qq.com/miniprogram…

p46网络请求-工具函数封装

p52跳过程数据传递

登录

p55封装网络请求

avatar
文章
阅读
粉丝