- 博客(15)
- 收藏
- 关注
RSS订阅
原创 如何统计一个字符在字符串中出现次数
方法接受一个回调函数和一个初始值，用于对数组元素进行迭代和累积操作。如果小伙伴们想得出最大值字符和出现次数,循环遍历即可得到哦。在回调函数中，使用了三元条件运算符。这将创建一个包含每个字符的数组，例如。方法一: 通过for循环的方法统计一个字符串出现次数。中已经有该字符的计数），则将该属性值加一（，用于存储字符出现次数的统计结果。对象中，并将其初始值设置为 1（对象中存储了字符出现的统计结果。处的字符，并将其赋值给变量。中，并将其初始值设置为 1（（当前迭代的字符）。如果不存在，则将属性。
2023-07-11 15:51:29
18246
原创 如何实现文件上、传拖拽功能
当我们拖拽文件到浏览器的时候难免会触发浏览器自带的默认事件,我们这个时候就要去处理默认事件;当拖拽元素进入可拖放的区域时，浏览器会默认显示一个“禁止”图标，通过使用 .prevent 修饰符，我们可以阻止浏览器默认行为并自定义处理。这两个指令中的 .prevent 修饰符是Vue提供的一种简化写法，用于阻止默认事件的传播。默认情况下，浏览器不允许在元素上放置拖动的元素，通过使用 .prevent 修饰符，我们可以阻止浏览器默认行为并允许元素成为拖放目标。以下是组件的结构,用到了element-ui的组件。
2023-05-29 17:40:14
1429
4
原创 Vue3项目搭建
create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。
2023-07-16 23:44:45
129
1
原创 Vue中$nextTick的使用
Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。官方对其的定义 : 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。: 如果想要在修改数据后立刻得到更新后的DOM结构，可以使用Vue.nextTick()nextTick()，并且回调函数中的 this 将自动绑定到当前的 Vue 实例上。它的作用是让函数"延迟执行" : 把函数的执行时机放在视图更新完成之后。
2023-07-16 22:29:51
214
1
原创 如何使用Vuex
2.创建Store实例：一般来说我们会将store（index.js文件中创建Vuex的Store实例）进行一个模块化的划分，这个实例将包含应用程序的state、getters、mutations和actions。State（状态）：应用程序的状态存储在单一状态树（Single State Tree）中，即store对象中的state。③ modules的使用, 就是将vuex中的数据进行一个模块化的划分,不同页面中的数据都存在以自己组件命名的vuex中,模块化的目的就是便于数据的管理与维护。
2023-07-15 02:27:48
171
1
原创 watch 和 computed 区别
watch适用于需要监听数据的变化，并执行一些副作用操作的场景，如异步请求、监听输入框变化、监听路由参数变化等。watch是一种基于回调的方式，可以监听数据的变化，并在变化时执行回调函数。computed是一种基于依赖追踪的方式，它会自动追踪依赖的数据，并在依赖数据发生变化时进行更新。watch可以使用$watch方法进行声明式的数据监听，也可以在组件的选项中使用watch属性进行声明式的数据监听。可以监听单个或多个数据的变化，可以进行异步操作，也可以在数据变化时执行复杂的逻辑。
2023-07-14 20:16:35
165
1
原创 TypeScript之interface与type
在TypeScript中，除了接口（interface），还有另一个概念叫做类型别名（type）。尽管它们在某些情况下可以互相替代使用，但它们在语义上有一些不同之处。让我们来看看两者的用法吧。
2023-07-10 22:14:26
785
1
原创 TypeScript之基础用法
概念 :TypeScript是具有类型语法的javascript，是一门强类型的编程语言。类型注解值的是给变量添加类型约束 :1. 添加类型注解能是变量只能被赋值为约束好的类型2. 在编码过程中能够有相关的提示给变量定义类型注解方法 =>let 变量 : 类型 = 值let name: string = '小明'类型推论是TS的机制,简单来说某些没有明确指出类型的地方,TS类型推论机制就会帮助提供类型, 使得有些场合下的类型注解是可以省略不写的声明变量并初始化时2. 决定函数返回值时。
2023-07-10 14:06:44
123
1
原创 vue3 跨层级传值
注意 : 以上代码只是展示了父子组件的代码, 还有更深一层的代码,在这里并没有展示出来,其实在更深层的一级中,我们也是使用了和 ② 示例代码中的获取 顶层组件传递的值的方法,小伙伴们可以自行添加嵌套层级的组件,实现以下图片中的嵌套即可。这里需要注意的是,我们在嵌套层级比较深的情况下使用的。两个API, 在父子组件传值中,建议大家还是使用更为规范的父子之间传值的方法。使用场景 : 顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信。② 底层组件的代码。跨层级传递响应式数据。② 底层组件的代码。
2023-06-30 20:59:18
616
原创 Vue3 组合式API
组合式API ( Composition API ) 是一系列API 的集合,是我们可以使用函数而不是声明选项的方式书写Vue组件
2023-06-29 23:17:53
117
原创 小程序实现鉴权
当我们点击登录按钮并且拿到token之后 跳转到鉴权页面时,我们需要在鉴权组件中去获取token 通过判断是否携带token,如果没有携带token则会被打回到登录页。携带token跳转到我们需要访问的页面时 , 获得访问权限,这个权限其实就是我们在鉴权组件中设置的一个页面的可见性;创建并注册一个组件,在组件中创建一个插槽,用于放置登录之后才能访问的页面。当我们点击登录跳转到鉴权页面的时候,我们就已经将token存到本地了。当我们被打回到登录页面时,我们需要接收鉴权页面传回来的路径值。
2023-06-13 17:53:20
1460
2
原创 javascript基础之一
本章节的学习内容是javascript的基本介绍和javascript的一些语法的基本使用,以及javascript的运算符类型和使用。
2023-03-14 21:16:07
84
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人