从零(0)开始学习小程序

特点：无须安装，只能运行指定APP中，小而美

1、准备工作（三个）：注册小程序账号（后台）、下载开发者工具（开发）、会使用小程序文档（查阅）

2、开发范式：原生小程序 / uniapp / Taro / wepy / mpvuel

                   环境搭建、路由、状态管理、功能开发.....

3、跨平台APP开发：uniapp / Taro / ReactNative / Flutterl

4、准备工作

小程序管理后台：

      一、

             注册：建议用QQ邮箱注册，注册个人版本

             登录：建议 扫码登录，进入到小程序管理后台

      二、成员管理（开发）:  添加开发者、添加体验者。

      三、版本管理（上线）：使用开发者工具提交代码 => 开发版本 =>审核版本 => 线上版本

      四、开发管理（开发）： 开发设置（各种URL配置、appid、app密匙）、接口配置                                                              （第三方SDK)

小程序开发者工具的使用:

       一、要求会下载、会安装

       二、会使用开发者工具创建”原生小程序“项目（创建务必填写appid）

       三、会导入老项目（一定注意有没有appid）

       四、常用功能：模拟器、编辑器、调试器、四个调试工具、上传、详情。

小程序开发文档:开发（指南、框架、组件、API）社区（相当百度、查询各种问答） 

5、语法范式（罗列知识点） 

    一、小程序页面或组件的四种文件：wxml视图(类似Html)  wxss样式(类似css)  js逻辑  json配置

    二、小程序页面(路由)，在app.json中配置的路径，都是页面。            

    三、小程序目录结构：project.config.json / app*全局文件

    四、小程序是基于配置的，很多功能都是配置出来的，有全局配置（路由、tabbar、权限配                   置），还是页面配置（窗口表现）。

    五、三种组件（三个构造函数）：App、Page、Component，这三个构造函数的选项完全不                 同。
                    生命周期
                    路由跳转

    六、在小程序中不支持ES6模块化语法，只支持CommonJS语法（module.exports / reques)

    七、指令：{{}}文本渲染 、wx:for/wx:for-index/wx:for-item/wx:key列表渲染 / wx:if/wx:elif/wx:else条件渲染。  

    八、样式的单位问题：在小程序中写css样式时，尺寸单位一律使用 rpx，不要使用px单位。什             么 rpx ？这是一个相对单位，在任何手机上，750rpx都等于满屏。

    九、动态样式：<view style='color:{{c}};font-size:{{f}}rpx;'  class='{{a}} box'/>

    十、事件绑定： <view bindtap='handler' catchtap='handler' />  使用bind*绑定事件支持冒泡，               使用catch*绑定事件会阻止冒泡。组件有哪些事件，看组件文档。事件对象默认就是事件处             理器的第一个参数。如果要事件传参，使用dataset进行传参。