Vue.js共0篇 第3页
Vue.js

vuex我也能手写了!

前言 vuex给组件通信带来了极大便利,想想我们是不是也能打造一个简易版的vuex呢? 正文 实现vuex vuex的基本用法如下: 首先引入createStore,调用createStore(传入一个对象作为参数)并将结果s...
admin的头像-五八三admin2年前
0470
面试官:说一说 vue3 的快速 diff 算法(一)-五八三

面试官:说一说 vue3 的快速 diff 算法(一)

预处理 文本预处理 在讨论 vue3 的快速 diff 算法前,我们要先了解一下纯文本 diff 算法的预处理。 现在有如下两段文本: const text1 = 'hello small world' const text1 = 'hello big world '...
admin的头像-五八三admin2年前
0140
Vue3大数据树状表格的虚拟滚动实现-五八三

Vue3大数据树状表格的虚拟滚动实现

前言 ant-design-vue 团队开发的付费高级组件 Surely Table 可支持最多 12万 条数据的渲染,超过 13万 条数据浏览器就会报错。从报错信息来看,是因为计算量太大超出了浏览器的支持范围。分析其...
admin的头像-五八三admin2年前
070
pinia源码解析-五八三

pinia源码解析

为什么要看源码 我理解有以下6点: 学习编码技巧 学习设计思想 提升阅读代码速度 工作中得心应手,减少心智负担,提升效率 对技术的使用边界更清晰,在项目前评估技术方案有理有据 团队成员在使用...
admin的头像-五八三admin2年前
0150

Vue3 大屏数字滚动效果 | 青训营

Vue3 大屏数字滚动效果 随着大屏幕技术的发展,大屏数字滚动效果在各种应用场景中越来越常见,例如数字展示、统计数据展示等。Vue3 作为一种流行的前端开发框架,提供了强大的工具和便捷的开发...
admin的头像-五八三admin2年前
0100
TypeScript类型实战--解决Pinia和vueuse使用过程中的类型丢失问题-五八三

TypeScript类型实战–解决Pinia和vueuse使用过程中的类型丢失问题

大家好,我是苏先生,一名热爱钻研、乐于分享的前端工程师,跟大家分享一句我很喜欢的话:人活着,其实就是一种心态,你若觉得快乐,幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
admin的头像-五八三admin2年前
0150
好用的滚动插件——BetterScroll2.0-五八三

好用的滚动插件——BetterScroll2.0

前言 日常开发中我们经常用到滚动条去展示数据,浏览器自带的滚动条看起来不太美观,我们可以通过css样式修改或者用ui组件比如el-scrollbar去修改。如果我们想要拓展滚动的功能,那么可能就需要...
admin的头像-五八三admin2年前
0270
从 0~1 创建 Vue3 + TS + Vite 项目(两个必装的插件 + 两种项目创建方式 + 项目创建完毕之后的文件报红)-五八三

从 0~1 创建 Vue3 + TS + Vite 项目(两个必装的插件 + 两种项目创建方式 + 项目创建完毕之后的文件报红)

前言 VsCode安装相关插件 Vue Language Features(Volar): 对 .vue 文件进行实时的类型错误反馈; TypeScript Vue Plugin(Volar): 支持在 TS 中 导入 .vue文件 (import *.vue); 如果不安装...
admin的头像-五八三admin2年前
0130
vue中,基于element-ui实现简单的文件管理系统-五八三

vue中,基于element-ui实现简单的文件管理系统

开发环境 编辑器:VsCodeVue:2.6.14Less:4.0.0Element-ui:2.15.13axios:1.4.0qs:6.11.2js-Base64:3.7.5 需要使用到的站点 1、karl的公开API接口(文档地址):kangxianghui.top/karl-open...
admin的头像-五八三admin2年前
0810
vue-router的报错,我是这样解决的-五八三

vue-router的报错,我是这样解决的

起因 事情的起因是这样的,我用vite构建了一个vue3的项目,vue-router以及pinia都是通过官网的下载方式下载的 下载之后我vue-router的版本以及pinia的版本分别是 'vue-router': '4' 以及 'pinia...
admin的头像-五八三admin2年前
030
vue-竟然有这么多种实现动画-五八三

vue-竟然有这么多种实现动画

前言 平时上网我经常能在app或者网页上看到很多比较酷的动画效果,这些效果还是比较吸引人的。那么我们自己在写项目时,也都希望能在页面做出一些很酷的动画效果,页面看起来也会更具特色。所以...
admin的头像-五八三admin2年前
0160
Vue Router 核心原理及实现-五八三

Vue Router 核心原理及实现

前言 本文主要介绍 Vue Router 的核心原理以及如何实现一个简易版本的 Vue Router(history 和 hash 模式)。 前置知识 hash 和 history 模式区别 表现形式上:hash 模式 url music.163.com/#/p...
admin的头像-五八三admin2年前
050

理解前端框架中的运行时和编译时

本文主要阐述前端框架中的运行时和编译时的区别。首先说明本文内容参考书籍 《Vue.js 设计与实现》,并加以自己的理解创作。有错误的地方还请指出。 运行时 运行时就是指代码实际执行时的阶段。...
admin的头像-五八三admin2年前
0180

如何让自己开发的组件库能按需自动引入

前言 最近在参考 Element Plus 开发一套自己的组件库,发现 Element Plus 可以实现按需自动导入控件,于是我就自己也来捣鼓了一个自己组件库的自动引入插件。 unplugin-vue-components unplugin...
admin的头像-五八三admin2年前
0100
Vue - 实现h5过渡动效+虚拟任务缓存-五八三

Vue – 实现h5过渡动效+虚拟任务缓存

前言 大家好, 今天给大家分享如何在h5端拥有app那样的丝滑切换动画. 例如在切换路由的时候, 每次都是很死板, 要么直接出现, 要么直接隐藏, 例如像下面这样. 显然这样很死板, 页面切换没有做任何...
admin的头像-五八三admin2年前
01880
重新定义 Axios 的使用方式-五八三

重新定义 Axios 的使用方式

重新定义 Axios 的使用方式 前言 ✨ 某次刷到了VueUse或许不是唯一选择,试试这匹黑马 VueHooks Plus ?文章,内部推荐的 useRequest 让作为一名 Vuer 的我眼前一亮,对上眼了?️?️。但是在后续...
admin的头像-五八三admin2年前
0140
解决扫码枪因输入法中文导致的问题-五八三

解决扫码枪因输入法中文导致的问题

问题 最近公司项目上遇到了扫码枪因搜狗/微软/百度/QQ等输入法在中文状态下,使用扫码枪扫码会丢失字符的问题 思考 这种情况是由于扫码枪的硬件设备,在输入的时候,是模拟用户键盘的按键来实现...
admin的头像-五八三admin2年前
0870

Vue如何实现手机横屏效果

css横竖屏 有时候一些页面希望在手机上可以实现横屏的效果,比如播放页面,这样我们创建如下的css .mobile-landscape-container { @media screen and (orientation: portrait) { position: abso...
admin的头像-五八三admin2年前
080
Slidev-更适合程序员使用的PPT制作工具-五八三

Slidev-更适合程序员使用的PPT制作工具

前言 最近准备在公司内部做前端相关的技术分享,所以需要制作 PPT 来进行演示。然而作为一个习惯于编码还不习惯于汇报的普通程序员,PPT 这种东西,制作起来实在是有难度。无论是用 PowerPoint...
admin的头像-五八三admin2年前
0100

深入浅出理解 Tree Shaking 并在前端 Vue 应用中使用

什么是 Tree Shaking? Tree Shaking 是一种 JavaScript 打包工具(例如 Webpack 和 Rollup)使用的技术,用于消除最终打包文件中未使用的代码。这个术语来源于摇树的概念,就像摇晃一棵树让枯...
admin的头像-五八三admin2年前
0620