微信小程序(二)基础与进阶,包括(模板语法与模板样式、全局配置和页面配置、网络数据请求等)

文章目录

  • 前言
  • 一 WXML 模板语法
    • 1. 数据绑定
    • 2. 事件绑定
      • 1. 小程序中常用的事件
      • 2. 事件对象的属性列表
      • 3. target 和 currentTarget 的区别
      • 4. bindtap 的语法格式
      • 5. 在事件处理函数中为 data 中的数据赋值
      • 6. 事件传参
      • 7. bindinput 的语法格式
      • 8. 实现文本框和 data 之间的数据同步
    • 3. 条件渲染
      • 1. wx:if
      • 2. 结合 \ 使用 wx:if
      • 3. hidden
      • 4. wx:if 与 hidden 的对比
    • 4. 列表渲染
      • 1. wx:for
      • 2. 手动指定索引和当前项的变量名
      • 3. wx:key 的使用
  • 二 WXSS 模板样式
    • 1. WXSS 和 CSS
    • 2. rpx
    • 3. 样式导入
    • 4. 全局样式和局部样式
      • 4.1 全局样式
      • 4.2 局部样式
  • 三 全局配置 和 页面配置
    • 1. 全局配置文件及常用的配置项
    • 2. window
      • 1. 小程序窗口的组成部分
      • 2. 了解 window 节点常用的配置项
      • 3. 设置导航栏的标题
      • 4. 设置导航栏的背景色
      • 5. 设置导航栏的标题颜色
      • 6. 全局开启下拉刷新功能
      • 7. 设置下拉刷新时窗口的背景色
      • 8. 设置下拉刷新时 loading 的样式
      • 9. 设置上拉触底的距离
    • 3. tabBar
      • 1. 什么是 tabBar
      • 2. tabBar 的 6 个组成部分
      • 3. tabBar 节点的配置项
      • 4. 每个 tab 项的配置选项
    • 4. 页面配置和全局配置的关系
    • 5. 页面配置中常用的配置项
  • 四 网络数据请求
    • 1. 小程序中网络数据请求的限制
    • 2. 配置 request 合法域名
    • 3. 发起 GET 请求
    • 4. 发起 POST 请求
    • 5. 在页面刚加载时请求数据
    • 5. 跳过 request 合法域名校验
    • 6. 关于跨域和 Ajax 的说明
  • 总结


前言

本文包含 微信小程序基础与进阶 等内容,参考于 黑马PPT 通过自己理解整理,所以这是一篇用于小白新手入门,或者复习使用的笔记,主要包括(模板语法与模板样式、全局配置和页面配置、网络数据请求等)
如有做的不好的地方,敬请谅解,欢迎指出,持续更新改正


一 WXML 模板语法

1. 数据绑定

数据绑定的基本原则

  1. 在 data 中定义数据
  2. 在 WXML 中使用数据
    • Mustache 语法的格式把data中的数据绑定到页面中渲染,使用 Mustache 语法(双大括号)将变量包起来即可(相当于vue的插值

你可能感兴趣的:(复习笔记,学习笔记,小程序,学习,微信小程序)