小徐努力中-优快云博客

原创 Vue_Router权限控制：不同角色显示不同路由

在Vue中，Router是一个官方提供的用于处理应用程序路由的插件。它允许我们创建单页应用程序（SPA），其中不同的页面和组件可以通过URL进行导航和展示。使我们可以轻松地创SPA，并实现可复用和可组合的组件导航。在实际开发中，我们常常会碰到不同角色进入系统所展示的路由，和页面是不同的。那么我们该如何实现router的权限控制呢?

2024-11-21 14:13:30 822 1

原创 Vue中的v-model指令的基本使用及详解

在使用Vue时，我们常常会使用v-model来进行双向数据绑定。。它可以用于在表单元素（如input、select、textarea等）上创建双向数据绑定。通过使用v-model指令，可以将表单元素的值绑定到Vue实例的数据属性，并且在用户输入时自动更新数据属性的值。使用v-model指令可以简化数据绑定的过程，使得在Vue中实现双向数据绑定变得更加直观和简单。

2024-10-11 11:57:53 696

原创 Git报错： fatal: unable to access Failed to connect to github.com port 443 Couldn‘t connect to server

在使用git进行clone和push时常常会报错。这通常发生在使用VPN后，系统端口号与Git端口号不一致时。

2024-09-25 17:33:05 1163 2

原创 JS实现数组去重常见方法

今天在实现数组去重时，使用了多种方法实现。在此总结一下数组去重常见方法。

2024-09-22 21:14:30 366

原创 Vue3 + Echarts 实现中国地图

echarts是一个基于JavaScript的开源可视化库，用于创建和展示各种交互式图表和图形。它可以用于数据分析、数据可视化、数据探索和数据报告等方面。我们一般使用echarts来实现数据可视化，本文我们使用vue3 + echars来实现中国地图。

2024-09-14 15:26:49 791

原创 Vue3中 defineProps 与 defineEmits 基本使用

在Vue 3中，defineProps是一个函数，用于定义一个组件的props。它接收一个props对象作为参数，并且会返回一个响应式的props对象。简单来说在vue3中，在进行父组件向子组件的通信，我们可以使用defineProps实现。

2024-08-30 16:09:08 879

原创 Vue组件命名报错 Component name “index“ should always be multi-word

在Vue创建组件时我们往往会使用 index.vue 之类来命名，但是此时组件会报错【Component name "index" should always be multi-word】，组件名应该总是为多个单词组成。这是因为官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；

2024-08-21 14:06:51 1036

Git是一个分布式版本控制系统，用于管理和跟踪文件的变化。它可以追踪文件的每个版本，记录文件的修改历史，并允许用户在不同版本之间进行切换和合并。Git可以让多个开发人员同时对同一个代码库进行工作，而不会发生冲突。它还提供了强大的分支和合并功能，使得团队协作变得更加高效。Git的设计目标是速度、简单性和数据完整性，因此它在处理大型代码库时表现出色。它是开源的，并且有一个活跃的社区支持和扩展。Git被广泛应用于软件开发项目中，是现代开发团队的标准工具之一。本文总结了Git操作的常用命令。

2024-08-20 18:23:48 768

原创一文搞清JS中的包管理工具

包管理工具就是管理『包』的应用软件，可以对包进行下载安装，更新，删除，上传等操作，借助包管理工具，可以快速开发项目，提升开发效率，包管理工具是一个通用的概念，很多编程语言都有包管理工具，所以掌握好包管理工具非常重要

2024-08-14 16:55:13 1423

原创 js中字符串方法的基本使用

部分js中的字符串的方法的基本使用

2024-08-13 20:29:46 363

原创 JS常用基础数组方法的基本使用

部分js数组方法的基本使用

2024-08-13 19:41:12 1115

原创 css使元素垂直水平居中

在搭建网页的时候，我们往往会让某个元素垂直水平居中来实现自己的布局。本文总结了使元素垂直水平的几种方法，废话不多说直接开始。给父元素使用相对定位，使子元素在绝对定位时以该父元素为基准。

2024-08-12 18:55:11 537

原创 css中的高度塌陷

解决css中的高度塌陷

2024-08-12 18:14:21 776

原创 js中数组方法reduce的妙用

在JavaScript中，reduce()是数组的一个方法，它用于将数组中的所有元素按照指定的函数进行合并并返回一个结果。使用reduce()方法，可以对数组进行求和、累加等操作。我一直陷入固有思维，一直只使用reduce 来进行累加操作。今天在做项目时在要进行复杂对象中的数组属性进行整合时发现reduce方法也能快速实现相关操作，如下作为记录。

2024-07-31 16:51:32 353

原创 react中reaux和react-redux的基本使用

我们都知道单独使用redux来进行react开发是挺复杂的，如今在React中使用redux，官方推荐安装俩个其他插件 Redux Toolkit 和 react-redux。同时为了规范编码我们一般会创建一个store文件夹来进行管理，应用通常会有很多个子store模块，所以创建一个moudle目录，在内部编写业务分类的子store。同时创建store中的入口文件 index.js ，作用是组合modules中所有的子模块，并导出store。

2024-07-28 19:03:57 1069