微信小程序-基础学习

小程序

原生小程序开发：

1. 认识小程序开发

   1. 小程序是微信生态的一部分，它提供了一种更加方便和高效的用户交互方式

2. 小程序的优势

   1. 用户使用的便捷性
   2. 体验由于公众号和h5页面
   3. 释放手机内存空间
   4. 手机桌面简介

3. 小程序开发的必要性

   1. 用户体验好
   2. 一端开发，多端运行

4. 原生 web 小程序各自的优势与劣势

5. 总结小程序的特点

   1. 类似于web开发，入门门槛低
   2. 可以直接云端更新
   3. 提升用户体验
   4. 平台管控能力
   5. 双线程模型

6. 环境准备

   1. 开发工具 微信开发者工具
   2. 申请appid 获取appid wxae92eb61730a0acc
   3. 一个微信号可以绑定多个小程序 每个邮箱仅能申请一个小程序
   4. 企业号与个人号的区别

7. 小程序云开发

8. 工具的界面结构

9. 请求数据

   1. 详情-本地设置-不校验合法域名
   2. 详情-项目配置-添加合法域名

10. 代码结构目录

    1. app
    2. page
    3. component
    4. 其他配置文件

11. app.json全局pages属性

    1. 复制app.json的page，保存即可
    2. 如果用vscode添加页面，必须还是要在开发者工具里面保存才能生效
    3. app.json全局window属性配置选项
    4. "navigationBarTextStyle": "black" 导航栏标题颜色，仅支持 black / white
    5. backgroundTextStyle 下拉 loading 的样式，仅支持 dark / light 必须配合enablePullDownRefresh 是否开启全局的下拉刷新。
    6. app.json全局tabBar属性
    7. tabBar.list 需至少包含 2 项

12. 局部配置

13. 模板语法

    1. text相当于span标签，行内元素，不会换行

    2. view相当于div标签，块级元素，独占一行

    3. 自定义属性data-xxx

    4. 注意与vue的区别

       1. 小程序 checked="{{isChecked}}" ， vue :checked="isChecked"
          

    5. 列表渲染

14. block占位符标签

15. 条件渲染

16. 事件

17. 样式

    1. rpx

    2. 样式导入

    3. 样式绑定

       1. <p class="title_item {{item.isActive?'active':''}}">
           vue中样式绑定:
          <p class="title_item" :class="isActive?'class2':''">
          

18. 选择器和less的使用

19. 组件

    1. view
    2. text
    3. image
    4. navigater
    5. button
    6. radio
    7. checkbox

20. 自定义组件

    1. 创建自定义组件

       1. 局部组件
       2. 全局组件
       3. 组件中观察者函数

    2. 生命组件

    3. 使用组件

    4. 父传子

       1. 父组件调用子组件，并在标签中传递属性和值
       2. 子组件接收父组件传递来的数据，properties属性是一个对象，键位传的的变量名，值又是一个对象，规定类型和默认值
       3. 子组件中展示传递过来的数据，父组件也会展示

    5. 子传父

       1. 子组件中，触发父组件的自定义事件，并传递参数给父组件

          this.triggerEvent("itemChange",{index})
          

       2. 父组件中，触发自定义事件，并回调函数，接收子组件传递的数据

          <tabs tabs="{{tabs}}" binditemChange='handleitem'></tabs> 
          

21. 生命周期

    1. 应用生命周期
    2. 页面生命周期
    3. 组件生命周期

22. wxml的导入 模板使用

    1. include 导入公共组件 可以递归导入
    2. import 导入template 不能进入递归导入

23. wxs的使用

24. 插槽的使用

25. getCurrentPages页面栈的使用

26. 全局样式与变量的使用