分类学习下的文章 - LETTERED

Javascript两个对象简单的交集

需求obj1={ a:'asd', b:'aassd', c:'assdfd', d:'asfdgd' } obj2={ a:'', c:'' }结果obj2={ a:'asd', c':assdfd' }实现Object.keys(obj2).map(function(key){ obj1[key] && (obj2[key] = obj1[key]); })

学习 · 2022-03-29

Vue3 + Axios + TypeScript 简要封装的实现

引入Axiosnpm - npm install axios -Syarn - yarn add axios -S编写request.js 实现axios实例/** * axios实例 */ import axios from 'axios'; import type { AxiosResponse } from 'axios'; // 定义一个响应interface，建议放置公共声明文件 interface ApiResult<T> { // 状态码 code: number; // 状态信息 message?: string; // 返回数据 data?: T; } const service = axios.create({ baseURL: import.meta.env.VITE_API_URL as string // 取得env配置的基础路径 }); // 添加请求拦截器 service.interceptors.request.use( (config) => { // todo 前置实现，比例前置追加

学习 · 2022-03-23

TypeScript & Js Array简要实现角色权限的页面级控制

角色权限控制技术要点Vuejs的自定义指令JavaScript基础知识Js Array基础知识Type Script 基础语法变量类型代码实现主要就是得到用户的roles和authorities通过对比指令集跟用户存在的数据校验，存在即通过/** * 按钮级权限控制 */ import type { App } from 'vue'; import { useUserStore } from '@/store/modules/user'; // 数据范例 // useUserStore: { // roles: ['super', 'admin'], // authorities: ['system:user:add','system:user:list','system:user:update','system:user:remove'] // } // 校验范例 // <button v-role="['admin']">删除</button> // <button v-any-role="['adm

学习 · 2022-03-23

简单实现<el-dialog>二次封装

代码<template> <el-dialog class="example-dialog" title="实例弹层" :visible="visible" @close="closeDialog" width="650px"> <div class="example-dialog-conn"></div> </el-dialog> </template> <script> export default { name: 'exampleDialog', props: { open: { type: Boolean, default: false } }, computed: { visible: { get() { return

学习 · 2022-03-18

微信网页授权新版实现

文档微信官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html流程1、引导用户进入授权页面同意授权，获取code2、通过code换取网页授权access_token（与基础支持中的access_token不同）3、如果需要，开发者可以刷新网页授权access_token，避免过期4、通过网页授权access_token和openid获取用户基本信息（支持UnionID机制）要点1.snsapi_base的授权是静默的，但是该scope得到的access_token无法取得用户的具体信息2.snsapi_userinfo的授权是需要要弹出授权允许框供用户测确认允许的的，该scope得到的access_token无法可以得用户的具体信息，比如头像昵称等。3.微信官方在去年已经明确规定，用户隐私信息不返回或者置空返回。例如：性别地区城市等等。4.其他微信接口需要的access_token非网页授权的，而是需要使用基础服务的access_token

学习 · 2022-03-18

Theme Jasmine by Kent Liao | 桂ICP备15008025号-6