- 博客(51)
- 收藏
- 关注
RSS订阅原创 async/await 遇 forEach，开发中的坑！！！
在JavaScript中，await 与 forEach 结合使用可能会遇到一个常见的陷阱
2024-03-21 10:27:46
805
原创 vue3 CSSProperties使用
CSSProperties 是TypeScript中定义的一个接口，用于描述CSS属性的类型。它包含了大多数常用的CSS属性，比如颜色、字体、边框、布局等。我们可以根据需要添加或修改这些属性。color?: string;fontSize?: string;margin?: string;// ...
2024-03-07 14:08:27
3867
原创 js 手写深拷贝方法
手写一个深拷贝是我们常见的面试题，在实现过程中我们需要考虑的类型很多，包括对象、数组、函数、日期等。以下就是深拷贝实现逻辑。
2024-02-28 16:07:20
523
原创 js中Symbol的理解与应用
在JavaScript中，Symbol 是一种基本数据类型，它是 ECMAScript 6（ES6）引入的新特性之一。Symbol 主要用于创建具有唯一性的标识符，这些标识符不会与其他任何值冲突。
2024-02-28 13:12:29
377
原创 Set、Map和WeakSet、WeakMap理解与运用
es6为我们引入 Set、Map、WeakSet 和 WeakMap，而我们经常会对这几个数据结构犯模糊，今天写这篇博客除了像进一步巩固这知识点之外，另外也是想进一步学习，从而在际项目中巧妙运用它们。
2024-02-27 17:44:15
882
原创 js 手写实现bind方法
在实现bind方法之前，我们知道call、apply和bind是三个重要的函数方法，它们都与函数调用和this关键字有关。本文将讲解它们之间的使用和区别以及bind的实现思路。
2024-02-22 15:00:49
1099
原创 js 对象属性描述符详解
在 JavaScript 中，我们经常需要控制对象属性的特性，包括可写、可枚举等，本篇博客将介绍常见的对象属性使用及其特点。本篇博客我们用首先Object.create来举例，首先介绍一下Object.create，,Object.create分别有两个参数，proto是新创建对象的原型对象，propertiesObject是可选参数，该传入对象可枚举的自有属性将为新创建的对象添加具有对应属性名称的属性描述符。
2024-02-20 15:55:49
869
原创 js 判断数据类型的三种方式
除了上面的三种之外，还有其它的判断方式，如：constructor，Number.isNaN等等，每种方式都有其适用的场景。在实际开发中，上面三种方式已经够我们使用，我们可以根据具体情况选择合适的方式来判断数据类型将有助于保证代码的可靠性和健壮性。
2024-02-20 10:53:00
544
原创 css mask 案例
CSS的mask属性用于定义一个可重复使用的遮罩，可以将其应用到任何可视元素上。这个功能类似于Photoshop中的图层蒙版。通过mask属性，可以创建独特的效果，比如圆形、渐变或图案性的遮罩。
2023-12-25 17:12:29
2132
原创 TypeScript 常见配置项
TypeScript 使用 tsconfig.json 文件来配置项目中的 TypeScript 编译选项。以上是一些常见的配置选项，可以根据具体项目需求调整 tsconfig.json 文件
2023-12-20 14:17:21
548
原创 typeScript 内置对象
typeScript 内置对象比较多，在这里也没法一个个列举完全，但大家不用担心，typeScript编译器也会智能的推断它的类型，例如下面函数参数对象arguments的类型，鼠标放上去便知道啦。
2023-12-19 15:35:58
501
原创 TypeScript 中的高级类型（联合、交叉、泛型、映射类型）
TypeScript 中的高级类型为开发人员提供了更多强大的工具，用于处理复杂的类型场景。
2023-12-19 13:53:20
1372
原创 TypeScript中的接口（interface ）详解
type和interface 都可以用来定义对象，但我们一般采用interface来定义
2023-12-13 16:27:08
781
原创 TypeScript 基础类型
TypeScript是JavaScript的超集，它为我们提供了静态类型检查等功能，帮助我们在开发过程中更早地捕获潜在的错误。在TypeScript中，有许多基础类型供我们使用。
2023-12-13 15:13:12
428
原创 element Cascader级联选择器数据多时卡顿问题记录并解决
方案二更多的用到了数组的方法，所以数组方法一定要牢记，注意双向绑定！当然，若小伙伴有其他更好的解决方案，也欢迎留言。
2023-12-12 17:51:05
3277
2
原创 vue3 vue-router 导航守卫 （五）
在Vue 3中，导航守卫仍然是一个重要的概念，用于在路由切换时执行一些特定的逻辑。Vue Router提供了多个导航守卫，包括全局守卫、路由独享守卫和组件内守卫。可以在路由切换时执行一些特定的逻辑，例如身份验证、权限控制、数据加载等帮助你更好地控制整个应用程序的导航流程。
2023-12-05 10:11:44
620
原创 vue3 vue-router过渡动效 & 滚动行为 （四）
使用 Vue Router 中的滚动行为（Scroll Behavior）来控制页面切换时的滚动位置。当用户在页面之间导航时，页面可以自动滚动到指定的位置，从而提供更好的用户体验。注意：不能直接transition包裹router-view,会发生以下的报错。不能再直接在内部使用。
2023-12-04 16:35:49
686
原创 vue3 vue-router 404 重定向 别名 嵌套路由 命名视图 元信息 （三）
vue-router 404 重定向 别名 嵌套路由 命名视图 元信息
2023-12-04 15:49:25
885
原创 vue3 vue-router编程式导航（二）
Vue Router提供了强大且灵活的编程式导航功能，能够通过代码来控制路由的切换和跳转。本篇博客将介绍如何在Vue 3应用程序中使用Vue Router进行编程式导航。
2023-12-04 14:24:33
755
原创 pinia 持久化存储
说到持久化存储，大家第一想到的就是结合localStorage或者setionStorage进行存储。没错，本文章讲解的就是pinia结合localStorage的使用以及pinia-plugin-persist插件。
2023-11-22 11:26:51
1191
2
原创 vue3 postcss-px-to-viewport 页面自适应
postcss-px-to-viewport 是一个 PostCSS 插件，它可以将 px 单位转换为视口单位（vw、vh 或 vmin）。视口单位是相对于视口尺寸来计算的长度单位，而不是相对于父元素或根元素。这意味着使用视口单位进行布局和样式设置时，元素会随着屏幕尺寸的变化而自适应。
2023-11-02 18:01:12
4376
6
原创 Vue3 + Vite 打包发布至 npm 流程
随着 Vue.js 3.0 的正式发布，Vue 生态系统也进入了一个新的阶段。在 Vue.js 3.0 中，Vite 成为了默认的开发工具，并替代了 Vue CLI 作为推荐的构建工具。同时，NPM 作为 JavaScript 包管理器，对于开发者来说也是一个必备的工具。那么本文将介绍如何使用 Vue3、Vite 和 NPM 打包并发布一个 Vue 组件。
2023-11-02 13:11:09
5679
1
原创 MutationObserver、IntersectionObserver和ResizeObserver的用法和区别：
这三个观察者（Observers）都属于Web API，允许开发人员监测DOM元素或其内容的变化，并在发生变化时执行相应的操作。它们之间有一些区别和适用场景。
2023-11-01 16:44:38
408
原创 Vue 3 解锁Hooks
Vue 3的Hooks为我们带来了更加灵活和可维护的代码结构。通过使用ref、computed、watchEffect等内置的Hooks函数，以及自定义自己的Hooks函数，我们可以更好地处理组件的状态和逻辑，并使得代码更易于阅读和维护。
2023-11-01 11:14:58
269
原创 Vue3 v-model:灵活的双向数据绑定
Vue3 中的 v-model 经历了一些改进，提供了更灵活的用法来实现双向数据绑定。除了原生的表单元素外，v-model 现在可以应用于任意组件，并允许我们自定义 prop 和事件名称。使用 Vue3 的 v-model，我们可以更加方便地实现组件之间的数据双向同步，减少了手动处理数据绑定的工作量。
2023-10-20 13:50:54
10830
1
原创 Vue3 Mitt：简洁高效的事件管理库
Vue3 Mitt 是一个简洁而高效的事件管理库，它提供了一种灵活而方便的方式来处理组件间的通信。通过使用 Vue3 Mitt，我们可以更好地控制事件的传播范围.
2023-10-18 11:19:07
3018
1
原创 Vue3全局事件总线 - 实现组件间的通信
通过创建一个全局事件总线，我们可以在不同的组件之间进行通信，实现组件间的数据传递和状态管理。在使用全局事件总线时，请注意避免滥用它，合理设计组件之间的关系，并确保及时清理不再需要的事件监听器，以避免内存泄漏。全局事件总线是一个强大而灵活的工具，让我们在Vue3中实现组件间的通信变得更加简单和直观。
2023-10-17 20:54:47
2176
原创 vue3 transition-group详解
transition和animate组件库结合为Vue应用添加出色的过渡效果，提升用户体验。无论是创建任务列表、图片轮播还是其他场景，transition-group都是一个必备的工具。
2023-10-17 11:29:38
3380
原创 Vue3插槽（Slot）详解
在Vue.js中，插槽是一种分发内容的机制，它允许我们在子组件中插入父组件的任何内容。简单来说，插槽就像一个占位符，我们可以在其中放置任何我们想要的内容。Vue3的插槽功能非常强大，它允许我们在组件间灵活地分发和接收内容。无论是默认插槽、具名插槽、作用域插槽还是动态插槽，都能满足我们在实际开发中的各种需求。
2023-10-10 15:01:49
3465
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人