笔记

微信小程序

1. 注册账号

   mp.weixin.qq.com
   使用邮箱注册    
   

2. 配置小程序

   信息
   类目
   备案
   认证
   

3. 开发流程

   后端：
       python:
           Django
           FASTAPI
           Flask
       Go:
   		Gin
            Beego
       Java:
   		SSH
            SSM
            SpringBoot
               
   前端：
       微信: 微信开发者工具       
       	wxml,wxss,JavaScript   
       手机APP：AndroidStudio
           java,xml
       web前端:Webstorm
   		html,css,JavaScript
   本地开发：
           微信开发者工具
           django,pycharm
   线上：
           体验版：几个人
           正式版，需备案：都可访问，公网ip部署Django项目
   

4. 项目成员

   项目成员：
   	开发，运营，数据分析，
   体验成员：   
       管理->成员管理->项目成员15个/体验成员14个
   

5. 创建项目流程

   获取小程序id，开发管理->AppID
   下载微信开发者工具(联网使用)，用稳定版本开发
   

6. 创建项目

   不使用云服务
   模板可使用js基础版
   模拟器(预览效果)，编辑器(编写代码)，调试器(调试代码)
   

7. 配置小程序支持http请求

   django编写后端，Django在http运行
   微信小程序默认不支持http，需修改配置，详情->本地设置->勾选 不校验合法域名
   

8. 目录结构

   项目主配置文件
   -app.js		# 小程序入口文件*
   -app.json	# 小程序全局配置*
   -app.wxss	# 小程序全局样式
   
   页面文件    
   -pages：页面文件    
       -xx.js		# 页面逻辑*
       -xx.wxml	# 页面布局*
       -xx.json	# 页面配置
       -xx.wxss	# 当前页面的样式
   
   components，页面中使用到的组件
   

9. 全局配置

   # app.json,配置全局属性，页面路由，默认标题...
   
   框架->小程序配置->全局配置
   
   entryPagePath,启动页
   pages,页面
   window,全局默认窗口
   

10. 页面配置

    # xx.json
    

11. 工程配置

    project.config.json
    project.private.config.json # 个人配置
    

12. 搜索配置(seo)

13. webview渲染

    webview，老版本，稳定
    
    skyline，
    
    切换webview：
    app.json删掉skyline和 glass-easel
    

14. 新增页面

    pages下新增文件夹,新建page
        xx.js
        xx.wxml
        xx.json
        xx.wxss
    
    在app.json中新增
    

15. 启动页面调整

    修改app.json中pages数组顺序
    
    配置entryPagePath
    

16. 调试基础库

    不同版本有不同功能
    

17. 调试窗口

18. 真机调试

    扫微信二维码，可查看控制台
    

19. 纯净项目

20. tabbar的使用

    顶部/底部的tab页
        一般都在底部
    在app.json配置    
    

21. text-view-image-icon组件

    开发->组件
    
    text 对应span
    view 对应div
    image
    

22. 尺寸单位和样式

    单位用rpx,满屏幕宽度是750 rpx，根据比例算
    
    app.wxss，全局样式
    xx.wxss，局部样式
    
    swiper+swiper-item
    flex布局  
    引入矢量图
    事件绑定
    页面跳转
    wxml语法
    网络请求