嘘~！-优快云博客

原创记录一下aes加密与解密

该文章只做拓展后续会更新；以上之作记录，后续会拓展相关共能。首先需要先引入相关依赖。

2025-03-19 16:57:05 222

原创 solana区块链地址生成

Solana 地址: 6Wzvg24JTGcLtqxRS3yhcR15CFufu584YDJT8uchHguf。公钥: 6Wzvg24JTGcLtqxRS3yhcR15CFufu584YDJT8uchHguf。先引入相关依赖solana/web3.js;注：上述文章只做记录，生成结果也为虚假结果（我改结果里的内容了）！最后可以使用node运行，结果如下。

2025-03-12 16:18:48 452

在Vue2中，我们使用$emit方法触发自定义事件，而在Vue3中，我们使用emits选项来声明组件所支持的自定义事件。在Vue2中，我们使用v-on或@来绑定DOM事件，而在Vue3中，我们可以直接在组件标签上使用@事件名称的方式来绑定DOM事件。如果一个原生事件的名字 (例如 click) 被定义在 emits 选项中，则监听器只会监听组件触发的 click 事件而不会再响应原生的 click 事件。自定义事件是由组件自身定义并触发的事件，原生DOM事件是从DOM元素中触发的事件。

2024-05-07 14:08:37 400

原创 Vue 异步组件

使用异步组件的语法非常简单，我们只需要在组件的定义中使用() => import()箭头函数来指定组件的路径即可。这意味着在初始加载时，我们只会加载应用程序的核心部分，而不会加载所有的组件。当我们的应用程序变得越来越庞大时，组件的数量也会随之增加，这可能会导致应用程序的加载速度变慢。最后得到的 AsyncComp 是一个外层包装过的组件，仅在页面需要它渲染时才会调用加载内部实际组件的函数。它会将接收到的 props 和插槽传给内部组件，所以你可以使用这个异步的包装组件无缝地替换原始组件，同时实现延迟加载。

2024-05-07 14:07:26 421

原创 Vue自定义指令的三个方法

对于自定义指令来说，一个很常见的情况是仅仅需要在 mounted 和 updated 上实现相同的行为，除此之外并不需要其他钩子。在中，任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令。除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。value：传递给指令的值。当在组件上使用自定义指令时，它会始终应用于组件的根节点，和透传 attributes 类似。

2024-05-07 14:06:55 1244

原创安利一个我喜欢的博主（鱼皮）的项目----鱼聪明AI

这是他们自主研发的 AI 助手平台，主打一个简单易用，让所有人都能无门槛地和 AI 交流，使用 AI 来提高学习 / 工作效率，感受到 AI 的强大！目前是试运营阶段，大家感兴趣的话建议赶紧试试，薅一波鱼毛，等后面他们的用户数多了、成本太高的话，他们也可能会调整策略，还请大家理解。但如果你想做一个精品的超级助手，我们还支持非常多的配置，让你自由定制~你还可以把自己用心制作的 AI 助手分享给别人，我们设计了精美的分享海报，独乐乐不如众乐乐，帮助更多人使用 AI，多是一件美事啊~

2024-05-07 14:06:05 399

原创 vue3组件之间传值通讯

Vue 3 提供了多种组件间传值和通讯的方式。以下将以长博客的形式，详细解释这些方法及其应用场景。

2024-05-07 13:55:37 922

原创 JavaScript 循环方法详解

JavaScript 提供了多种循环和迭代结构，以满足不同的编程需求。了解每种循环结构的特性和适用场景，可以帮助我们更高效地编写代码。在选择使用哪种循环时，需要考虑代码的可读性、性能和适用性。

2024-05-07 10:23:06 587

原创 JavaScript数字方法详解

JavaScript中的数字方法为我们提供了强大的数学运算和数值处理能力。从简单的加减乘除到复杂的数学函数，再到数字的比较和格式化，JavaScript都为我们提供了丰富的工具。熟练掌握这些方法，将使我们能够更有效地处理数字数据，提高编程效率。

2024-05-07 10:08:06 479

原创 JavaScript对象方法详解

在JavaScript中，对象是一种复合值，它将多个值（原始值或对象值）聚合在一起，并且可以通过名字来访问这些值。每个名字（即属性名）都关联到一个值，并且这些值可以是数据（属性）或函数（方法）。对象通常通过构造函数、对象字面量或方法创建。在JavaScript中，对象的方法实际上是附加到对象的函数。它们可以通过对象名加上点号（）和函数名来调用。方法的定义可以在对象字面量中直接进行，也可以作为对象的属性在后续添加。JavaScript对象方法是对象的一个重要组成部分，它们允许我们定义与对象相关的操作。通过。

2024-05-07 09:57:17 453

原创 JavaScript字符串方法详解

在JavaScript中，字符串（String）是一种非常重要的数据类型，用于存储和表示文本信息。为了更高效地操作这些文本信息，JavaScript提供了一系列内置的字符串方法。今天，我们就来详细了解一下这些常用的字符串方法。

2024-05-07 09:51:04 496

原创 JavaScript 数组方法详解

在JavaScript中，数组（Array）是一种用于存储多个有序值的数据结构。为了方便开发者高效地操作数组，JavaScript提供了一系列内置的方法。本文将详细介绍这些常用的数组方法，帮助读者更好地理解和使用它们。

2024-05-07 09:45:03 249

原创 vue引入vuex

它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。按照这些步骤，你就可以在 Vue 项目中成功使用 Vuex 了。记得在大型应用中合理地划分你的 state，以及合理使用 mutations 和 actions 来处理状态的变更。一旦你在组件的 computed 属性中映射了 state，你就可以在模板中直接使用这些数据了。如果你还没有安装 Vuex，可以通过 npm 或 yarn 进行安装。文件中），你需要引入并使用你创建的 Vuex store。

2024-05-07 09:27:44 653

原创 vue怎么自定义底部导航

在 Vue.js 中，自定义底部导航通常涉及创建一个固定的底部组件，该组件包含你想要的导航链接或按钮。这可以通过使用 Vue 的单文件组件（如果你的项目使用了 Vue Router，你可能希望点击底部导航项时能够跳转到相应的路由，而不是直接通过。文件）和 CSS 来实现。这可以通过绑定 Vue Router 的。时才应用该链接的样式（如果你有这样的需求的话）。在你的 Vue 项目中，创建一个新的。属性，以确保只有当路径完全匹配。或其他页面组件中，引入并使用。注意，我在这里给首页的。

2024-05-07 09:22:16 454

原创 uniapp引入vant组件库

但请注意，UniApp 可能并不完全支持上述全局引入的方式，因为 UniApp 使用了自己的组件化系统。因此，你可能需要按照 Vant 的官方文档或 UniApp 的文档来操作。在你的 UniApp 项目中，你现在可以开始使用 Vant 的组件了。在需要的地方，你可以直接使用 Vant 提供的组件标签。希望这些步骤能帮助你在 UniApp 中成功引入 Vant 组件库！接着，你就可以在需要的组件中按需引入 Vant 的组件了。然后，在你的 Babel 配置文件（如。对于全局引入，你可以在。

2024-05-07 09:18:59 1385

原创 vue3引入element-plus完整步骤

如果你的项目需要在低版本浏览器上运行，你可能需要使用一些转换工具（如Babel、ESBuild）和polyfill来确保兼容性。在你的Vue项目中配置一个编译器（如Vue CLI、Vite等），然后运行你的项目。你可以尝试在你的组件中使用一些Element Plus的组件来确保它们正常工作。使用npm（或cnpm，如果你在中国并且希望使用淘宝的npm镜像）来安装Element Plus。这样，你就可以在你的Vue组件中使用Element Plus的图标了。在你的Vue 3项目的入口文件（通常是。

2024-05-06 18:26:11 1086

原创 vue3引入vant完整步骤

如果你想要使用Vant的某些组件，并希望使用rem单位而不是px单位，你可能需要安装和配置一些PostCSS插件。在你的Vue组件中，你可以开始使用你已经引入的Vant组件了。在创建项目时，你可以选择你需要的配置（例如，Babel, Router, Vuex等）。为了减少打包体积，你可能希望只引入你实际需要的Vant组件。现在，你可以在你的Vue组件中按需引入Vant组件了。由于你使用的是Vue 3，你需要安装与Vue 3兼容的Vant版本。表示安装的是Vant的下一个主要版本（即Vue 3兼容的版本）。

2024-05-06 18:12:47 1914

原创 vue3实现文字垂直滚动

如果你需要更复杂的滚动逻辑（如滚动到特定位置、控制滚动速度等），你可能需要使用JavaScript来操作DOM元素的滚动位置。在Vue 3中实现文字的垂直滚动，你可以使用CSS动画或者JavaScript来控制滚动行为。以下是一个简单的Vue 3组件示例，该组件使用CSS的。则将其向上移动其自身高度的100%，即移动到容器的上方。将元素向下移动其自身高度的100%，即完全移出容器；元素在5秒内从容器顶部滚动到底部，并无限循环。是包含滚动文本的容器，是应用滚动动画的容器，是包含滚动文本的段落。

2024-05-06 17:58:16 643

原创 vue3怎么使用i18n

在 Vue 3 中使用国际化（i18n）通常涉及到使用 Vue I18n Next，这是 Vue 3 的官方国际化插件。

2024-05-06 17:30:10 876

原创 vant NavBar 导航栏详解

vant是一个基于 Vue 的移动端 UI 组件库，而NavBar是其中的一个导航栏组件。下面是对vant的NavBar。

2024-05-06 17:21:38 3130

原创 vue3怎么使用vant的IndexBar 索引栏

为了减小打包体积，你可以按需引入 Vant 的组件和样式。这需要在 webpack 或其他构建工具中进行配置。具体配置方法可以参考 Vant 的官方文档。是一个基于 Vue 的移动端 UI 组件库，它提供了许多常见的移动端组件，包括。组件会自动处理滚动到对应锚点的逻辑，所以你可能不需要手动处理点击事件。以下是如何在 Vue 3 中使用 Vant 的。如果你需要在用户点击索引项时执行某些操作，你可以为。在 Vue 组件的模板中，你可以使用。添加一个点击事件监听器。在你的 Vue 组件中，你需要引入。

2024-05-06 17:15:58 800

原创 vue3怎么调用vant中的icon组件

这通常需要在项目中配置额外的 CSS 或 SVG 资源，并在使用 Icon 组件时指定正确的图标名字。在 Vue 3 中调用 Vant（一个基于 Vue 的移动端 UI 组件库）的 Icon 组件，你需要首先确保已经正确地安装了 Vant。如果你只打算使用 Vant 中的一部分组件，而不是全部，那么你可以使用按需引入的方式来减少项目的体积。在你的 Vue 组件或页面中使用 Icon 组件，就像上面示例中展示的那样。你可以在项目的 Babel 配置文件中添加这个插件的配置。属性来指定要显示的图标的名字。

2024-05-06 17:03:21 832

原创什么是单向数据流

在单向数据流中，数据只能从一个方向流向另一个方向，不会出现数据的双向流动。这种模式有助于简化数据的管理和状态的维护，提高代码的可维护性和可预测性。在单向数据流的模式中，数据通常是从父组件流向子组件，子组件可以接收父组件传递的数据进行渲染。子组件可以通过回调函数将事件传递给父组件，父组件再更新数据并重新渲染子组件，形成数据的单向流动。总的来说，单向数据流是一种有利于前端开发的数据流动模式，能够简化数据管理和状态维护，提高代码的可维护性和可预测性。常见的前端框架如 React 就采用了单向数据流的模式。

2024-03-14 13:53:50 1119 1

原创 Redux三大原则

state就是store里面存储的数据，store里面可以拥有多个state，Redux规定一个state对应一个View, 只要state相同，view就是一样的，反过来也是一样的，可以通过store.getState( )获取。在上面代码中，Action的名称是ADD_TODO，携带的数据是字符串‘redux原理’，Action描述当前发生的事情，这是改变state的唯一的方式。state是只读的，唯一改变state的方法就是触发action，action是一个用于描述以发生时间的普通对象。

2024-03-14 08:47:11 509

原创 react diff 原理

4.合并操作，调用 component 的 setState 方法的时候, React 将其标记为 dirty.到每一个事件循环结束, React 检查所有标记 dirty 的 component 重新绘制.3.React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字）开发人员可以重写 shouldComponentUpdate 提高 diff 的性能。2.给列表结构的每个单元添加唯一的 key 属性，方便比较。1.把树形结构按照层级分解，只比较同级元素。

2024-03-13 19:15:18 616

原创 vuex 工作原理详解

因为vuex生成了一个store实例，并且把这个实例挂在了所有的组件上，所有的组件引用的都是同一个store实例。store实例上有数据，有方法，方法改变的都是store实例上的数据。由于其他组件引用的是同样的实例，所以一个组件改变了store上的数据，导致另一个组件上的数据也会改变，就像是一个对象的引用。vuex 整体思想诞生于 flux, 可其的实现方式完完全全的使用了 vue 自身的响应式设计，依赖监听、依赖收集都属于 vue 对对象 Property set get 方法的代理劫持。

2024-03-10 07:54:15 553

原创 vue 的优点是什么？

视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的"View"上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。你可以把一些视图逻辑放在一个 ViewModel 里面，让很多 view 重用这段视图逻辑。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。界面素来是比较难于测试的，而现在测试可以针对 ViewModel 来写。

2024-03-10 07:53:44 353

原创 vue 中 keep-alive 组件的作用

props _ include - 字符串或正则表达，只有匹配的组件会被缓存 _ exclude - 字符串或正则表达式，任何匹配的组件都不会被缓存。keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。如果只想 router-view 里面某个组件被缓存，怎么办？但实际项目中, 需要配合 vue-router 共同使用.增加 router.meta 属性。

2024-03-10 07:52:40 458

原创 vue 中的性能优化

1）编码优化2）用户体验优化3）SEO优化4）打包优化。

2024-03-09 19:25:56 540

原创 call()与apply()的作用与区别

他们的区别在于接收参数的方式不同： call()：第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。在使用call()方法时，传递给函数的参数必须逐个列举出来。apply()：传递给函数的是参数数组。每个函数都包含两个非继承而来的方法：apply()和call()。call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性；call()方法和apply()方法的作用相同：改变this指向。

2024-03-09 17:17:57 426

原创怎样添加、移除、移动、复制、创建和查找节点？

2）添加、移除、替换、插入。

2024-03-09 17:07:04 405

原创怎样添加、移除、移动、复制、创建和查找节点？

2）添加、移除、替换、插入。

2024-03-09 16:56:52 409

原创严格模式和正常模式的区别

一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。"严格模式"体现了 Javascript 更合理、更安全、更严谨的发展方向，包括 IE 10 在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。Javascript 语言的一个特点，就是允许"动态绑定"，即某些属性和方法到底属于哪一个对象，不是在编译时确定的，而是在运行时（runtime）确定的。(严格地说，只要前面不是产生实际运行结果的语句，"use strict"可以不在第一行，比如直接跟在一个空的分号后面。

2024-03-09 16:54:35 1125

原创移动端 click 事件、touch 事件、tap 事件的区别

2.touch 事件是针对触屏手机上的触摸事件。1.click 事件在移动端会有 200-300ms 的延迟，主要原因是苹果手机在设计时，考虑到用户在浏览网页时需要放大，所以，在用户点击的 200-300ms 之后，才触发 click，如果 200-300ms 之内还有 click，就会进行放大缩小。3.tap 事件在移动端，代替 click 作为点击事件，tap 事件被很多框架（如 zepto）封装，来减少这延迟问题， tap 事件不是原生的，所以是封装的，那么具体是如何实现的呢？（2）添加一个延迟。

2024-03-09 16:50:33 547

空空如也

空空如也