TypeScript初见 - 常见数据的类型

了解TypeScript - JavaScript的超集TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。码上知晓// 1.基本数据类型定义 const uname: string = 'zuxing' // 字符了些定义 const age: number = 24 // 数字类型定义 const male: boolean = false // 布尔值 const undef: undefined = undefined // undefined const nul: null = null const obj: object = { uname, age, male } const bigi: bigint = BigInt(9007199254740991) const sym: symbol = Symbol('unique') const tmp1: null = null const tmp2: undefined = undefined con

学习 · 2022-08-01

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
2020 - 2025 LETTERED. All Rights Reserved.
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6