前端开发-工具盒子

解析Vue算法：带你们了解下虚拟DOM与Diff算法的应用

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(0)

![dom&diff算法](/images/tt/vue.jpg "dom&diff算法") 分下[Vue](/vue "Vue")两大算法：虚拟DOM与Diff。虚拟DOM {#heading-0} ------------------ 虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概念，意...

vue 每日一学：介绍使用import导入的三种方式

2024-11-22 厉飞雨阅读(6) 评论(0) 赞(1)

![vue](/images/tt/vue.jpg "vue") 分享下vue基础应用：介绍使用import导入的三种方式。在Vue.js中，你可以使用三种不同的方式来导入模块或组件： {#_label0} 默认导入 (Default Import)： {#heading-0} -----------------------------------...

Vue应用：了解下rules校验规则

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(0)

![Vue应用：了解下rules校验规则](/images/tt/vue.jpg "Vue应用：了解下rules校验规则") 一起来学个应用：rules校验规则。 Vue.js 提供了一套轻量级的、可扩展的模板校验规则。这些规则可以通过在`v-model`绑定中添加`.modifier`来使用，例如`v-model.trim` 下面是一些常见的 V...

Vue3变量：分享定义全局变量的方式

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(1)

![vuejs](/images/tt/vue.jpg "vuejs") 学习下Vue3变量：分享定义全局变量的方式。 1、main.js 设置全局变量。 {#heading-0} ------------------------------ ``` import { createApp } from 'vue' import App...

vue 应用：实现Vue项目动态加载图片

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(1)

![vue](/images/tt/vue.jpg "vue") 分享一个vue 应用：实现Vue项目动态加载图片。很多新手会走入误区，比如： 1. 错误的写法 {#heading-0} --------------------- 以下情况运行异常，图片加载不出来 ``` <img class="img" :src=&q...

Vue应用：Vue使用fabric.js实现局部截图与大图预览功能

2024-11-22 厉飞雨阅读(9) 评论(0) 赞(1)

Vue应用：Vue使用fabric.js实现局部截图与大图预览功能，上代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用fabric.js裁剪和显示图片</title> <scri...

Vue 应用：封装一个前端通用右键菜单组件

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(0)

Vue 应用：封装一个前端通用右键菜单组件。看下项目步骤： * 组件使用方便 * 与业务代码解耦 * 针对不同的目标元素展示不同的右键菜单 * 右键菜单如何定位组件的设计 {#heading-1} ------------------ 比较容易想到的是：向`ContextMenu`组件传递一个与其关联的容器，右击这个容器则显示右键菜单，这样的话需要向`...

分享vue3+vite应用：如何显示SVG图片

2024-11-22 厉飞雨阅读(8) 评论(0) 赞(0)

分享一个[vue3](/Vue3/)+vite的小应用：如何显示SVG图片。 ite-plugin-svg-icons是一个Vite插件，其作用是将SVG图标文件转换为Vue组件，以便在Vue项目中使用。使用vite-plugin-svg-icons插件，可以将SVG图标文件导入到项目中，并将其转换为可复用的Vue组件。这样，就可以像使用普通Vue组件一样使用这些SVG图...

学习KKFileView应用：结合vue多格式文件在线预览功能实现

2024-11-22 厉飞雨阅读(7) 评论(0) 赞(1)

学习[KKFileView](/tags/KKFileView/ "KKFileView")应用：结合vue多格式文件在线预览功能实现。 kkFileView是git的开源在线文件预览项目支持格式：doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4、mp3以及众多类文本如txt、html、xml、java、properties、...

vue项目：设置打包后的静态文件访问路径

2024-11-22 厉飞雨阅读(9) 评论(0) 赞(0)

[vue](/vuejs/ "vue项目：设置打包后的静态文件访问路径")项目：设置打包后的静态文件访问路径。相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react都要）。这种方式可能不太好，但是确实存在这种场景。 \*\*静态文件访问路径说明：\*\*项目的...