紫微斗数学习交流

介绍Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。uni-app 内置了 Vuex 。但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏我们把组件的共享状态抽取出来，以一个全局单例模式管理这就是vuex的产生通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。这就是 Vuex 背后的基本

//auth 用户//auth.role//auth.permission//doc 记录//云端调用// uni-id登录注册接口可接收needPermission参数，若needPermission配置为true时，后续会在checkToken接口返回用户权限列表（permission）const { code, uid, role, permission, userInfo, token, tokenExpired} = await uniID.checkToken();

传送门此功能依赖uni-id需要应用关联uniCloud服务空间并使用uni-id需要在token内缓存角色权限才可使用(自uni-id 3.0.0起，支持在token内缓存用户的角色权限，默认开启此功能)一.uniIDHasRole(“admin”) 判断当前用户是否拥有某角色在模板内使用<template> <view v-if="uniIDHasRole('admin')">仅管理员可见</view></template>

前期准备注册163邮箱在邮箱设置中开启POP3/SMTP服务新增授权密码(记得保存)新建云函数目录mail163安装 nodemailer 模块在mail163目录右键—>“使用命令行窗口打开所在的目录”—>npm install nodemailer -s6.然后在目录mail163下,依次创建3个文件config.js,common.js,index.js,上传部署就可以//config.js,module.exports = { email:{ //邮箱配置 h

实现逻辑1. 获取版本号 2. 版本号对比 3. 下载新版本1、APP.vue页面中：//初始化完成时，会触发 onLaunch（全局只触发一次）onLaunch: function() { //获取你打包时设置的版本号，然后设置到storage里 console.log("version:", config.version); uni.setStorage({ version: config.version

<template> <view class="content"> <unicloud-db ref="udb" v-slot:default="{data, pagination, loading, error, options}" :options="options" collection="table1" orderby="createTime desc" field="name,subType,createTi

export default { isLogin() { var token = uni.getStorageSync("token"); if (!token) { return false; } return true; }}////////////////////////////自定义工具utils的挂载,挂载到app赋值语句后面就可以// import util from "@/common/util.js";// Vue.prototype.$util = uti

https://gitee.com/SSH公钥配置使用SSH公钥可以让你在你的电脑和 Gitee 通讯的时候使用安全连接（Git的Remote要使用SSH地址）https://gitee.com/profile/sshkeysssh-keygen -t ed25519 -C “xxxxx@xxxxx.com”一.提交项目 1.新建仓库,填写仓库介绍,设置为私有仓库,其他全部不要选中,直接创建 2.保存ssh git@gitee.com:q736592720/u-view_default.gi

//common//api.jsimport $http from "./http.interceptor.js";//import api from "../../common/api.js";export default { // 邮箱登录 emailLogin(params = {}) { return $http("/api/auth/login", "POST", params) }, // 登录者信息 getUserInfo(params = {}) { return $

import config from "./config.js";import request from "./request.js";// 全局请求封装//common\http.interceptor.jsvar $http = (url, method = "GET", params = {}) => { url = config.baseUrl + url var { data, header, } = params const token = uni.getStor

//common/config.jsconst baseUrl = 'https://api.shop.eduwork.cn';export default { "baseUrl": baseUrl, "whiteList": ["/api/auth/register", "/api/auth/login", "/api/index" ].map(x => baseUrl + x)}//import config from "./config.js";

//common\request.jsconst request = (url, method = "GET", data = {}, header = {}) => { // console.log("request.js--->>>url: ", url); // console.log("request.js--->>>method: ", method); // console.log("request.js--->>>data:

//common\config.jsconst baseUrl = 'https://api.shop.eduwork.cn';export default { "baseUrl": baseUrl, "whiteList": ["/api/auth/register", "/api/auth/login", "/api/index" ].map(x => baseUrl + x)}//router\router.js//只要是未登录状态，想要跳转到名单内的路径时，直接跳到

utils.jsconst p = 3function add(a, b) { return a + b}class Person { constructor(name, age, sex) { this.name = name; this.age = age; this.sex = sex; } showInfo() { console.log(`姓名:${this.name},年龄:${this.age},性别:${this.sex}`); }}class S

Android签名证书Android平台签名证书(.keystore)生成指南分类：HTML5+Android证书Android平台打包发布apk应用，需要使用数字证书（.keystore文件）进行签名，用于表明开发者身份。Android证书的生成是自助和免费的，不需要审批或付费。可以使用JRE环境中的keytool命令生成。以下是windows平台生成证书的方法：安装JRE环境（推荐使用JRE8环境，如已有可跳过）可从Oracle官方下载jre安装包：https://www.oracle.

uButton uList ...... uni api代码块 uRequest uGetLocation uShowToast uShowLoading uHideLoading uShowModal uShowActionSheet uNavigateTo uNavigateBack uRedirectTo uLogin uShare uPay ...... ...

uni-app学习笔记之uView组件安装一.准备工作 1.安装scss插件(安装完成重启HX) 2.从Hbuilder X插件市场导入uView2.0//Hbuilder X插件市场链接 https://ext.dcloud.net.cn/plugin?id=1593二.配置步骤1. main.js //注意这两行要放在import Vue之后。 import uView from '@/uni_modules/uview-ui' Vue.use(uVie

JQL提供了更简单的联表查询方案。只需在db schema中，将两个表的关联字段建立映射关系，就可以把2个表当做一个虚拟表来直接查询。比如是引用关系（foreignKey）、还是父子关系(parentKey)，前端就可以直接查询，轻松完成联表查询和tree查询JQL联表查询有以下两种写法(第二种写法性能更好)： // 1.直接关联多个表为虚拟表再进行查询const res = await db.collection('order,book').where('_id=="1"').get() //

//定位布局position和弹性布局flex /* 子绝a父相r position:fixed; 参照浏览器可视边框,不占位 position:relative; 占位 position:absolute; 参照上一级最近的relative父元素,如果没则参照浏览器窗口 top bottom left right */ /* display: flex; 定主轴方向y flex-direction: co...

/* JQL数据库操作 jql，全称javascript query language，是一种js方式操作数据库的语法规范。 *///以关键词(海洛因)使用正则查询题目答案 db.collection('questions') .where(`${new RegExp('海洛因', 'i')}.test(question)`) .get() db.collection('questions').where({ question:...

//Regular Expression var r = /^1[^012]\d{9}$/.test('16620122910') console.log(r); var str = `毕业(尤指中学); 大学毕业; 获得学位(尤指学士); 授予(某人)学位(或毕业文凭等);`; str = str.replace(/\s/g, "") var arr = str.split(";") arr.for

//Math var r = Math.ceil(1.233) //2 console.log(r); r = Math.floor(1.233) //1 console.log(r); r = Math.round(r) //1 console.log(r); r = Math.random() console.log(r); //0.0975005 //生成1个10-20之间的随机数 r = 10 + Math.round(

//数组的高级用法 /* splice(a,b,c) sort() map() filter() reduce() some() every() ...arr Array.isArray() */ var arr = "123456789".split("") arr.splice(0, 0, "0") //insert 0位插入0 console.log(arr); var tem

//立即执行函数(func)(); //((a)=>{})(a); var add = (() => { console.log("立即执行函数"); })(); //立即执行函数带参数 ((a, b) => { console.log(a + b); })(1, 2); return //闭包 var add = (function() { var c = 1; r...

默认值//类型转换//设置默认值 function(a = 1) { console.log(a); } var a = a || [] //类型转换 var a = 1 a = a + "" //string a = +a //number a = !!a //boolean console.log(typeof a);

//JSON 语法规则 /* "" key 要加双引号 JSON 值可以是： 数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在中括号中）[] 对象（在大括号中）{} null */ var j = { "name": "张三", //"" key 要加双引号 "age": 11, "graduated": false, "t

//页面跳转 uni.navigateTo() //普通跳转 uni.navigateBack() //返回上一页 uni.redirectTo() //关闭当前页,跳转 uni.switchTab() //关闭所有页面,只能跳转到tabBar页面 uni.reLaunch() //关闭所有页面,跳转

//tabBar uni.showTabBar() uni.hideTabBar() //右上角显示文字 uni.setTabBarBadge({ index: 1, text: "99" }) //右上角显示红点 uni.showTabBarRedDot({ index: 2 }) uni.hideTabBarRedDot({ index:2 })...

页面或者函数完成后的善后工作fe:setTimeout() clearTimeout()setInterval() clearInterval()uni.showLoading() uni.hideLoading()this.on(′func′)this.on('func') this.on(′func′)this.off(‘func’)//settimeout var id = setTimeout(() => { uni.showToas

//参数校验 ageunidefined—>>>typeof—>1-200 function setAge(age) { if (age && typeof age == "number" && 0 < age < 200) { console.log("参数校验合法"); } else { console.log("参数校验失败"); } } setAge

ref//ref // <div class="content" ref="btn"> console.log(this.$refs.btn.constructor);

数据库推荐以timestamp格式保存,uni-app前端以uni-dateformat展示//timestamp var t = Date.now() //1.64059e+12 var d = new Date(t) console.log(d.toDateString()); //Mon Dec 27 2021 d = new Date("2021-12-27 16:26:10") console.log(d.toDateString()); //Mon De

//JSON字符串的判断 //JSON.stringify() //JSON.parse function checkJSON(x) { try { return JSON.parse(x) } catch (e) { return new Error("err") } } var obj = { "name": "张三" } console.log(checkJSON(JSON.str

字符串和数组的通用方法str底层是以字符数组的形式保存数据的 var arr = "abcdefg".split("") var str = "abcdefg" //length //arr[i] //str[i] for (var i = 0; i < arr.length; i++) { console.log(arr[i] + "---" + str[i]); } //slice包前不包后 console.log

//对象的内存地址 var a = {}; // new Object() var b = {}; // new Object() var c = b; console.log(a == b); //false 单独的内存地址 console.log(b == c); //true 对象的引用,同一个内存地址 //Object.assign对象合并 var a = { name: "张三" };

//字符串的新方法startsWith endsWith var str = "http://www.baidu.com" var res = str.startsWith("http:") console.log(res); res = str.endsWith(".com") console.log(res); return

// 模板字符串``支持折行 var name="张三"; var str=`我的名字是${name}` console.log(str); var text=` 题目 段落1 段落2 段落3 结束语` console.log(text);

//自定义组件命名规范xxx-yyy // 标识符命名规范xxxYyy //Object.assign对象合并 var a = { name: "张三" }; var b = { age: "李四" }; var c = {} Object.assign(c, a, b) console.log(c); //对象key检测 var a = { name: "张三" }; ...

<template> <div> <button type="default" @click="testFunc">RUN</button> <image :src="src" mode="aspectFit"></image> </div></template><script> export default { data() { return { src: ""

<template> <view class=""> <button type="default" @click="testFunc()">RUN</button> {{data}} </view></template><script> export default { data() { return { data: '' } }, methods: { async p