Vue封装组件库第2页

006设计模式--工厂方法模式(Factory Method Pattern)

工厂方法模式是一种常用的类创建型设计模式,此模式的核心精神是封装类中变化的部分，提取其中个性化善变的部分为独立类，通过依赖注入

少年359·2025-01-26 00:51

设计模式的艺术-中介者模式

行为型模式的名称、定义、学习难度和使用频率如下表所示：1.如何理解中介者模式如果在一个系统中对象之间存在多对多的相互关系，可以将对象之间的一些交互行为从各个对象中分离出来，并集中封装在一个中介者对象中，

晚秋贰拾伍·2025-01-26 00:50

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2

egekm_sefg·2025-01-25 23:15

70.在 Vue 3 中使用 OpenLayers 拖拽实现放大区域的效果（DragZoom）

Vue3是一个流行的前端框架，以其响应式数据和组件化开发著称。本文将介绍如何在Vue3中集成OpenLayers，并实现拖拽放大区域的效果（DragZoom）。

吉檀迦俐·2025-01-25 21:35

Vite 与 Pinia 的实战应用

目录Vue极速入门第14节：Vue开发工具与生态优化：Vite与Pinia的实战应用引言1.使用Vite提升开发体验：快速启动与热更新1.1什么是Vite？

码力全開·2025-01-25 21:34

【ArkUI】对于Flex布局与基础组件&&声明式UI-组件封装&&父子组件相互绑定的运用

文章目录一.Flex布局与基础组件二.声明式UI-组件封装和父对子组件传值2.1组件封装2.2父对子组件传值三.父子组件相互绑定3.1远程模拟器3.2Link装饰器一.Flex布局与基础组件Flex是FlexibleBox

一键难忘·2025-01-25 21:02

Vue 3 中的 ref 完全指南

Vue3中的ref完全指南Vue3引入了CompositionAPI，其中ref是关键的一部分。ref可以让我们更方便地在组件中定义响应式数据，在模板中使用语法糖时尤为简洁。

m0_74824002·2025-01-25 20:28

JS面向对象封装 ESC/POS 指令打印类

微信小程序蓝牙打印请搜索插件ESCPOS指令打印，先申请，再V我50RMB可永久使用。代码中用到的中文转码方法见：gbk.jsgb2312编码字符转Uint8Array，解决打印机中文乱码问题基类命令规则参考小程序插件文档Printer类部分import{isAscii,U2B}from'./gbk.js';constfontSize=12,/*计算字符串长度(1个中文=2个英文字符)*/char

warmbook·2025-01-25 19:18

vue 拖动、缩放容器组件，支持移动端双指缩放和PC端鼠标滚轮缩放

原理本组件基于CSS的transform实现。移动端监听touch事件（单指移动，双指移动+缩放），PC端监听mouse事件（移动）和滚动事件wheel（缩放），更新transform的translateX/translateY/scale值，从而实现缩放、移动。由于transform不会产生重排，因此不节流也可以有很好的性能，用户体验就像德芙，纵享丝滑！鼠标事件比较好理解，记录鼠标按下时的坐标，

warmbook·2025-01-25 19:17

ESC/POS常用打印指令面向对象封装，PHP处理二维码定位，微信小程序蓝牙打印

热敏小票/标签打印机，使用ESC/POS指令打印，常用指令封装，适用于GBK编码constPER_MM=8,//每毫米像素数fontSize=12,//每字符像素数gbk=require('.

warmbook·2025-01-25 19:47

Vue指令可拖动元素，兼容PC和移动端

Vue.directive('movable',{bind(el){letagent=window.navigator.userAgent.toLowerCase(),start,move,end//判断当前是移动端还是

warmbook·2025-01-25 19:17

C++的list-map链表与映射表

list链表链表是由节点之间通过指针连接而成的链式结构存储结构体，对于链表，C++标准库中已经提供了封装好的链表了。

芯动大师·2025-01-25 19:47

JavaScript 进阶之路：探索高级特性和最佳实践

面向对象的三大特征封装继承多态构造函数什么是构造函数通过new关键字调用一个函数的时候，这个函数就是构造函数。

不在···2025-01-25 19:46

Vue＜router-view＞＜/router-view＞学习心得

今天看到个Vue项目结构中使用到了，于是了解学习了用法。

立志成为架构师·2025-01-25 19:45

canvas开发动态足迹图

前段时间有一个这样的足迹图的需求，以下是实现的代码：-->{{historyItem.chatTitle}}{{historyItem.time}}import{onBeforeMount,ref,watch}from'vue'importNavHeaderfrom

小蒋是个老程序员了·2025-01-25 18:45

GFPGAN - 腾讯开源的图形修复算法修复算法

GFPGAN是腾讯开源的人脸修复算法，它利用预先训练好的面部修复算法，并且封装了各种丰富多样的先验因素进行盲脸(blindface)修复，可以对老照片进行很好的修复。

小众AI·2025-01-25 18:44

Python-静态方法（@staticmethod）

classcal:cal_name='计算器'def__init__(self,x,y):self.x=xself.y=y@property#在cal_add函数前加上@property，使得该函数可直接调用，封装起来

lhh_qrsly·2025-01-25 17:03

Vue.js组件开发案例（比较两个数字大小）

见过不少人、经过不少事、也吃过不少苦，感悟世事无常、人心多变，靠着回忆将往事串珠成链，聊聊感情、谈谈发展，我慢慢写、你一点一点看......实现一个比较2个数字大小的组件，当输入2个数字后，单击“比较”按钮后自动输出比较结果。第1个数字：第2个数字：比较比较结果：{{result}}exportdefault{data(){return{num1:0,num2:0,result:0,};},met

我曾经是个程序员·2025-01-25 17:02

2501_90243308·2025-01-25 16:59

vue 中常用的 $

$set(this.formData,'department',currTreeItem)是Vue.js提供的一个方法，用于向响应式对象中添加新的属性，并确保这个新属性是响应式的（即，当该属性发生变化时

weixin_42113341·2025-01-25 15:45

React Native 0.77 发布：更强的样式支持与性能优化

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读ReactNative0.77正式发布！

·2025-01-25 14:04

关于Jedis和lettuce以及springDataRedis的一些区别

1：三者其实都是用来操作redis的2：springDataRedis是对Jedis和lettuce的一系列封装，简化了很多方法3：公司里面之所以不怎么用Jedis也是因为其指令比较繁琐难以记忆，不如就用简化了的

追光的人（陈聪）·2025-01-25 14:06

vue项目运行报：SassError: expected selector...

/deep/和::v-deep都是用于Vue单文件组件（.vue文件）中的样式穿透选择器;/deep/在Sass中并不被支持，如果是在Vue单文件组件中，并且需要穿透样式，可以使用::v-deep代替/

落日弥漫的橘_·2025-01-25 13:36

命令模式 - 命令模式的设计思想

命令模式（CommandPattern）是行为型设计模式之一，它将请求封装为对象，从而使你可以用不同的请求对客户进行参数化，并且支持请求的排队、记录日志以及撤销操作。

w(ﾟДﾟ)w吓洗宝宝了·2025-01-25 13:05

Vue组件的概念与复用

目录一、引言二、为什么使用组件二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的世界里，组件是构建用户界面的基石。

2401_85969651·2025-01-25 11:50

Vue 组件的概念与复用

目录一、引言二、什么是Vue组件三、组件的复用优势四、组件复用的实现方式五、组件通信六、总结一、引言在Vue.js的奇妙天地里，组件宛如熠熠生辉的基石，稳稳撑起用户界面构建的大厦。

2401_85969651·2025-01-25 11:49

Vue - watch() 监视属性的使用

在Vue3中，watch()是一个用于观察响应式数据的API，可以用来在数据变化时执行某些操作。它是在Vue的组合式API中使用的主要功能之一，允许在代码中细致地控制数据变化的反应。

来一碗刘肉面·2025-01-25 11:49

springboot接入deepseek深度求索 java

2.封装询问deepseek的工具方法添加key值和询问路径。API_KEY为你创建的key值。privatestaticfinalStringAPI_URL="https://a

笑发财了1·2025-01-25 11:48

springboot+vue项目实战2024第三集修改用户信息

1.获取用户信息@GetMapping("/userInfo")//@RequestHeader(name="Authorization")StringtokenpublicResultuserInfo(){//Mapmap=JwtUtil.parseToken(token);Mapmap=ThreadLocalUtil.get();Stringusername=(String)map.get("

·2025-01-25 10:00

大模型应用编排工具Dify之自定义工具

根据笔者的经验和理解，自定义工具有点类似微服务，可以把通用的能力封装到工具里面。同时，工具还提供了测试和鉴权等功能，对开发者比较友好。

Daphnis_z·2025-01-25 09:37

vscode 前端常用插件安装大全

在使用VisualStudioCode(VSCode)进行前端（特别是Vue.js）和Node.js开发时，安装合适的扩展插件可以大大提升开发效率和代码质量。

weixin_42113341·2025-01-25 09:32

uniapp uview 一键回到底部组件

一、封装组件底部exportdefault{name:"BackBottom",props:{bottom:{type:Number,default:100}},data(){return{pageHeight

顾鸟·2025-01-25 08:29

IntersectionObserver API实现图片懒加载、无限滚动

disconnect方法1.4、takeRecords方法1.5、callback参数1.6、options2、IntersectionObserverEntry对象3、相关效果3.1、图片懒加载3.2、封装图片懒加载函数

壹_yi·2025-01-25 08:57

【并发多个请求并失败重发】

封装成可复用的并发请求工具。

CaraYQ·2025-01-25 08:23

Vue项目中使用Sass实现动态换肤

color-warning:#f2a626,color-danger:#ee2e6b,background:#fff,background-content:#f4f7fc,background-color:#eaedf7,),//darkthemedark:(color-primary:#3961f5,color-primary-second:#5e81f7,color-text-primary:

2401_84447065·2025-01-25 07:22

一个上亿用户的电商平台的架构设计

一.总体架构Listitem客户端层(ClientLayer)Web客户端：使用现代前端框架（如React,Angular,Vue.js）开发响应式网页，保证在不同设备上的良好用户体验。

北京小太阳·2025-01-25 07:48

【Vue】Part4 接口调用

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层

福安德信息科技·2025-01-25 07:15

通过函数创建 ant-design-vue 的 Drawer 组件和 Modal 组件

原由通常在业务中，写抽屉组件或者弹框组件的时候，都是用visible属性来控制是否显示：OpenModalwithasynclogic{{ModalText}}exportdefault{data(){return{ModalText:'Contentofthemodal',visible:false,confirmLoading:false,};},methods:{showModal(){th

·2025-01-25 06:26

springboot+vue项目实战2024

1.创建项目@SpringBootApplicationpublicclassApp{publicstaticvoidmain(String[]args){SpringApplication.run(App.class,args);}}2.引入依赖4.0.0org.springframework.bootspring-boot-starter-parent3.1.3com.ivan.cnshizh

·2025-01-25 06:26

python处理excel的具体操作

pandas库：提供了高效的数据结构和数据分析工具，它对openpyxl进行了封装，使操作Excel文件更加方便。安装命令是pipinstallpandas。

若木胡·2025-01-25 06:38

pytorch-分类-检测-分割的dataset和dataloader创建

（2）DataLoader是一个可迭代的数据加载器，它封装了数据集的加载、批处理、打乱和并行加载等功能。2.分类任务创建Dataset和DataLoader（1）对于分类任务，Dataset需要返

呆呆珝·2025-01-25 05:07

uniapp中使用vant wappp

.custom-button{.van-button{background-color:blue;border-radius:10px;}}如果你的style样式中存在scoped，我们可以利用vue中的语法

m0_70647189·2025-01-25 05:05

elementPlus-button组件二次封装

elementPlus-button组件二次封装目录传递参数说明1.time2.type3.icon二次封装了什么属性透传预设类型预设映射节流约束loading联动源代码传递参数说明只有两个值是外部传入

Mebius1916·2025-01-25 04:58

Docker多架构镜像构建踩坑记

背景公司为了做信创项目的亮点，需要将现有的一套在X86上运行的应用系统迁移到ARM服务器上运行，整个项目通过后端Java，前端VUEJS开发通过CICD做成Docker镜像在K8S里面运行。

一直学下去·2025-01-25 04:55

Bootstrap Blazor 组件库 Table 组件 OnQueryAsync 查询 EF Core 键集分页、偏移分页使用备忘

privatelonglastId=0,firstId=0;privatelonglastPageIndex=0;privateintlastPageItems=0;privateasyncTask>OnQueryAsync(QueryPageOptionsoptions){IEnumerableitems;//不是翻页：刷新、改变每页条数、过虑，此时，清除跟踪（清除缓存）if(!options.

cqths·2025-01-25 03:23

用java语言，编写一个简单的人物游戏属性面版

packagejiadianxitong;//定义角色的基本信息类publicclassBasicInformation{//私有成员变量，封装角色的属性privateStringrole;//角色名称

星空·2025-01-25 03:49

.NET 9.0 的 Blazor Web App 项目、Bootstrap Blazor 组件库、自定义日志 TLog 使用备忘

注：示例使用BootstrapBlazor组件库和EFCore、Sqlite，需要先使用Nuget包管理器添加对应的包。

cqths·2025-01-25 03:18

vue使用pdf.js实现移动端在线PDF文件预览

背景产品需求涉及到动态的PDF展示，PDF是由后端去生成的，然后下发给前端在线的cdn地址，H5需要实现在线PDF预览的能力方案H5展示合同PDF，有很多实现方式。但是通过尝试后发现在不同操作系统会存在兼容性问题方案表现iframe的形式iOS：只能展示第一页，多页不能展示Android：弹出下载弹窗PC：正常展示embed标签iOS：只能展示第一页Android：弹出下载弹窗PC：显示不出来vu

yujin0213·2025-01-25 03:47

talk_8·2025-01-25 02:14

微前端架构在前端开发中的实践与挑战

随着单页面应用（SPA）和前端框架如React、Vue、Angular的快速发展，现代前端应用的复杂度日益提升。尤其是当应用规模逐渐增大时，单一的代码库往往难以应对不同团队的协作和版本管理问题。

桂月二二·2025-01-25 02:43

推荐频道

Vue封装组件库