Skip to content
V3 Admin Vite 路由配置、布局配置、全局样式

平台自定义的配置项都在 meta 属性下,而其他的比如 path、component、redirect、children、name 属性是 vue-router 自带的。

V3 Admin Vite 权限控制

需要挂载的路由就存放在 constantRoutes 数组下,比如登录页、首页;需要用户登录并根据角色字段来判断是否有权限的动态路由,就放在 asyncRoutes 数组下,并且要为该路由配置好 roles 和 name 属性。

V3 Admin Vite 侧边栏、面包屑、发送 HTTP 请求

登录时通过获取当前用户的权限(角色)去比对路由表,生成当前用户具有的权限可访问的路由表,通过 addRoute 动态挂载到 router 上。

V3 Admin Vite 登录模块

后续所有的操作,都将携带保存在前端的 token 去调用接口,token 将是后端服务判断当前请求合不合法的依据,项目本身已经写在 Axios 的封装里面了。

使用变量种子计数器扩展 CSS 动画

不是所有的 CSS 属性都能使用 animation 属性实现动画效果,最典型的例子就是 background-image 渐变。

CSS 百叶窗转场动画效果

无论是那些原本支持 CSS 动画的属性,还是不支持 CSS 动画的属性,只要它的属性值是与数值相关的,都能够借助这个“动画种子”实现动画效果。

V3 Admin Vite 接口和打包配置

部署前端到线上环境的时候,需要采用 Nginx 或其他工具来实现线上环境的反向代理。

V3 Admin Vite 介绍和基本使用

V3 Admin Vite 是一个免费开源的中后台管理系统基础解决方案,基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术。

拖拽图片缩放效果

页面中所有设置了类名 resizable,或者设置了 HTML 属性 resizable 的元素都可以四面拉伸了。

TypeScript 总结

不仅仅是一门语言,更是生产力工具。

Shell 脚本和编程 | 青训营笔记

Shell 脚本是一种用Shell脚本语言编写的程序,它可以在 UNIX 或类 UNIX 操作系统上运行。Shell 脚本通常用于自动化任务、管理系统和编写小型应用程序。Shell 脚本可以完成许多任务,例如文件操作、进程管理、网络管理、系统配置等。

Linux 基础 | 青训营笔记

Linux 是由内核(kernel)、 shell(命令解释器)、文件系统和应用程序等组成的操作系统。它提供了丰富的工具和命令行界面,使用户能够轻松地管理和控制计算机系统。

计算机网络概论 | 青训营笔记

建立对计算机网络的整体认知,对计算机网络中的各种概念(网络分层、网络协议、网络应用等)有初步的理解,进而可以在后续的实际工作中能高效解决网络问题。

JavaScript Markdown 库 marked

marked 是一个基于 JavaScript 的 Markdown 解析器和编译器。它可以将 Markdown 语法解析为 HTML,并且可以扩展 Markdown 的功能。Marked 可以在浏览器端和 Node.js 环境下运行。

JavaScript 闭包

闭包让开发者可以从内部函数访问外部函数的作用域。

CSS border 生成三角形技术原理

使用 CSS border 属性创建三角形是一种简单、灵活、响应式、可维护、兼容性好的方法,可以帮助开发人员创建高效且可靠的界面元素。

一种新的可以使元素重叠的 CSS 技巧

container-type CSS 属性将元素定义为查询容器。后代可以查询其大小、布局、样式和状态等方面。

跨端容器简介

跨端容器(Cross-platform container)是一种软件技术,它可以将应用程序在不同的操作系统和/或硬件平台上运行,而无需修改应用程序代码。

浏览器知识总结

浏览器是一个复杂的软件,它通常会将不同的任务分配给多个进程来提高性能和安全性。

JavaScript 在不同的编程范式下的使用

开发者可以根据具体的场景和需求来选择合适的编程范式。