小程序登录流程与判断登录信息失效

小程序登录流程整理流程图代码示例function wxLogin() { // 调用wx.login wx.login({ success: (res) => { // 获取到code const CODE = res.code; wx.showToast({ title: '数据加载中', icon: 'loading' }) // 使用code和后端换取openid,sessionKey request('后端提供的接口', 'POST', { code: CODE }, { 'content-type': 'application/json' }).then(res => { wx.hideToast() if (res.data.InfoState == 0) { getUserInfo().then( // 成...

Vue3初步了解

Vue3与Vue2的不同Vue3 新特性 setup函数Vue3最大的改变算是 composition API,而 setup是composition API的入口函数在setup中定义值与方法与Vue2中的Opthions API定义有所不同,在Vue2 中 我们定义值和对象 我们会在 data中return一个对象中定义例如<p>{{name}}<p> data() { return { name: Soya, obj:{ site:'xiaoyio.com', age:18 } }; }而在Vue3中使用composition API我们定义值和对象的话我们需要引入 ref 和 reactive例如<p>姓名:{{name}}<p> <p>网址:{{obj.site}}<p> import { ref, reactive } from "vue"; setup(){ const name...

Vue组件之间的关系与传值方法

Vue组件之间的关系与传值方法父子关系父传子 props父组件传递子组件 只需要在子组件上绑定一个自定义属性 子组件内使用props接收自定义属性即可 // 父组件 简写 // template <Son :msg="msg"></Son> // script <script> components: { Son }, data() { return { msg: "你好啊" }; }, </script> // 子组件 // template <h2>这是儿子:{{msg}}</h2> // script <script> // 父传子 props: { // 参数 msg: { ...

Vue $refs 获取节点高度

<div ref="common"></div>mounted(){ //获取元素内联样式值(非内联样式无法获取) console.log(this.$refs.common.$el.height) //// 获取高度值 (内容高+padding+边框) console.log(this.$refs.common.$el.offsetHeight) }

JS 获取 URL参数

利用正则获取//获取路径?后字段 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return ''; } http://url/index.html?token=a6c66654a2a7ca8d0aa9a06c34138ae1 var token = GetQueryString('token'); console.log(token)8月31日更新如果当前项目路由模式使用的是hash的模式的话使用 hash获取function GetQueryString(name) { var reg = new RegExp("(^|&)" + ...