zhoulovebrother/wechattemplate

原生微信小程序模板

原生微信小程序 项目模板

更新日志

1.0.1

[2020.11.02] 增强状态管理器 加入持久化状态管理

项目简介

模板适用于快速搭建原生微信小程序项目开发使用

• 技术栈 原生微信小程序
• 模板初始**有5个分包可继续添加,注意单包大小不得超过2M,整包大小(包括主包在内)不得大于微信限制[在小程序IDE右上角详情查看'项目配置 - 高级配置']
• 模板分包中初始定义了一个testA文件,当分包真正被使用后含有至少一个文件,可自行删除test文件夹
• 对请求进行初步封装,可根据开发版,体验版,正式版自动切换对应配置的请求API域名详情(详情请看'/utils/request'了解)
• 模板中已使用 Parser富文本插件

    实用功能示例 <parser html="{{ html }}" tag-style="{{ tagStyle }}"/>
    data 中定义 tagStyle:{ video: 'width: 100%;' } 设置富文本插件内 标签样式设置
    插件官网地址: https://jin-yufeng.github.io/Parser/#/

vsCode IDE完美支持less(需要sass,stylus自行扩展)

• 确保你的vsCode IDE有安装 Easy LESS 插件
• git clone 模板后在 vsCode IDE 中开发微信小程序,在app.json中建立新路由,小程序IDE刷新编译,当小程序IDE帮你建立新页面后wxss新建同级同名less文件,less文件编辑保存,自动编译成wxss文件了!
• 模板文件中的 .vscode 文件为 vsCode IDE 的配置文件感兴趣的同学自行研究

模板中的状态管理器

• 全局状态 state 支持所有 Page 和 Component，更新时使用独有 diff 能力，性能更强
• 周期监听 pageListener 能监听所有页面的 onLoad、onShow 等周期事件，方便埋点、统计等行为
• 全局事件 methods，一处声明，所有 wxml 直接可用的函数
• 适合原生小程序，即使后期引入，也只需增加几行代码
• 更多详细介绍请访问插件官网地址: https://github.com/xiaoyao96/wxMiniStore

1.0.1 版本更新扩展 -------- 持久化状态管理(示例场景:如登陆信息存储,小程序回收后再次进入读取登陆状态token等)

• 强化辅助状态管理器 持久化状态管理
• 独立封装 processor 处理器, 配合缓存持久化状态管理器,使用简单方便

Page 页面使用
const app = getApp()
当 app.js 中, state 里面的状态, 需要使用持久化存储,
// 登陆状态 -- 示例 传入两个值(String,Any),缓存存储键 String, 默认值(可不传当缓存中没有返回字符串''): Any, 
state: {
    loginState: processor.get('loginState',false)
}
在更新状态 app.store.setState({}) 后, 
调用 app.processor.set(key,value) 进行缓存存储(key类型string,value类型any),
方法1: 指定单个值存储 app.processor.set(key,value)
方法2: 多个值存储 app.processor.set({ key: value, key: value, .... })

任何问题或有误人子弟的地方还请多多指教

Author: 红尘戏子
QQ: 719246338
Email: 719246338.qq.com
Des: If you don't go forward, you don't know the distance; if you don't study hard, you don't understand the truth.