默色留恋-优快云博客

原创 FlashFXP中的文件编辑方式修改为自己本地的编辑器

步骤一、点击FlashFXP菜单栏里的选项，然后点击文件关联，选项---》文件关联。注意：一定要以‘*’为开头，例如css文件，就是*.css。添加好以后选择本地的打开方式，例如我选择的是vscode。到这配置就结束了，可以打开文件试一下了。然后按照以下的图操作。

2024-06-28 16:37:25 426

原创获取地址栏的参数并转译成中文

但是你复制下来或者js获取是字符串，如： https://xxx.org.cn:9999/kejiao/index?console.log(decodeURIComponent(window.location.search.split('=')[1])) //高血压。例如当前网页地址为https://xxx.org.cn:9999/kejiao/index?

2024-06-26 13:58:06 326

原创 Xftp中的文件编辑方式修改为自己本地的编辑器

步骤一、点击xftp顶部的导航栏里面的工具，再点击最后的选项，工具---》选项。步骤三、右击需要编辑的文件，找到自己定义的编辑器名称点击一下就可以了。

2024-06-25 15:16:08 288

原创 vue3 element-plus安装与使用

现在的vue3的项目一般也离不开表单和表格一类的列表，这时候就是常用的前端库选择了，我因为用element-plus毕竟多，所以在这介绍一下element-plus的安装和使用吧，具体操作等之后在实战里面展现。

2024-05-14 15:59:38 310

原创 vue3后台系统实战之图标

实战项目中多多少少会引用到图标，有外部图标也有内部图标，这时候该怎么办呢，封装，对的，封装一个图标组件，这样不管外部还是内部都可以解决，此篇以内部element-plus为例。需要做一个判断，判断是否外部图标。

2024-05-11 10:50:57 357 2

原创 vue3地图可视化百度地图+Echarts

这篇文章是百度地图结合echarts。

2024-05-11 10:41:54 1944 1

原创 ESLint+Prettier

1、是一个代码格式化工具；2、开箱即用；3、可以直接集成到VSCode；4、保存时，让代码直接符合ESLint规范ESLint+Prettier是如何处理本地！代码格式问题。

2024-03-29 13:50:22 299 1

原创 pinia数据持久化存储插件 pinia-plugin-persist

其核心的 defineStore API，让我觉得它可以摒弃之前 Vuex 的全局集中状态管理的思想，利用 Vue 3 的 Composition 特性，提供随处按需定义小型 store 的能力。在某些特定的单页面应用场景下，我们使用常规的 store 来存储数据，很多时候面临着刷新就会被重置，所以，我们急需一个插件功能来实现对某些特定的数据进行状态保持。这让我们更加容易编写和管理很多不同模块的 store，提高代码可读性，也让 store 更容易的扩展。登录页login.vue。####配置setup。

2024-03-29 13:44:48 1850 1

原创实践入门pinia

实际上，pinia就是vuex的升级版，官网也说过，为了尊重原作者，所以取名pinia，而没有取名Vuex，所以大家可以直接将pinia比作为Vue3的Vuex。：状态是你在 store 中存储的数据。每个 Pinia store 都有自己的状态，这个状态是一个 JavaScript 对象。Pinia 的核心概念包括状态（State）、动作（Actions）和获取器（Getters）。在 Pinia 中，你可以在。通过这些核心概念，Pinia 提供了一种简单而强大的方式来管理和操作你的应用状态。

2024-02-23 16:19:20 389 1

原创浏览器安装 vue devtools

按步骤点击上图红框部分就可以安装成功。

2024-02-23 11:46:13 278 1

原创 vue3+echarts-wordcloud文档云图

echart是没有文档云图的api的，这个时候可以借鉴echarts-wordcloud。一、下载echarts、echarts-wordcloud。

2024-01-29 09:55:21 615

原创 vue3 事件总线mitt

Vue2使用 EventBus 事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如 mitt 或 tiny-emitter。mitt Vue是一个基于Vue.js的事件总线库，可以用于不同组件之间的通信，又称为观察者模式，使得组件之间通信更加简洁高效。mitt Vue兼容性好，安装与使用都非常简便，广泛应用于Vue.js项目中。

2024-01-26 10:43:32 494 1