vue高阶组件封装

Vue 打包部署，自动清理缓存

在Vue开发中遇到打包部署之后总是要手动清除浏览器缓存数据的问题，此问题可以用下方式：1、package.json文件中有一个管理版本号属性：version，在我们每次打包部署之前修改当前版本号2、在入口文件
A_ugust__·2024-08-24 12:40

探秘Vue 3：watchEffect与watch选项的差异

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js
阿珊和她的猫·2024-08-24 12:09

vue项目，自动清除浏览器缓存

pages.json中的version版本号，每次打包部署前，改变version二：在main.js中判断version，本地存的version和本次的version比较，如果不同，就强制清除缓存constVUE_APP_VERSION
孙芝琳_629·2024-08-24 12:08

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。
woflyoycm·2024-08-24 12:06

npm阿里云制品仓库

的版本npmlogin目前有问题verbosewebloginnotsupported,tryingcouch，暂时没试验到解决方案推送项目我用https://github.com/hilongjw/vue-lazyload
愤怒的苹果ext·2024-08-24 12:06

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json
Outcir·2024-08-24 12:36

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data
街尾杂货店&·2024-08-24 11:05

websocket封装：支持断网重连、自动心跳！备份版

解决方案：步骤一、断网重连封装自动断网重连的机制。其核心逻辑在于以下几个方面：1、记录重连次数：通过reconnectAttempts属性记录当前已经尝试重连的次数。
vue-202·2024-08-24 11:35

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/
王佳斌·2024-08-24 11:05

JointJs 在 Vue 中的使用探索（一）: Hello JointJS

文章目录前言根本问题探索过程安装jointjs测试@joint/coredemo代码jointjs@joint/core前言最近需要用到JointJs做一些东西，但是官方文档的@joint/core跑下来后发现并不太好使，空白一片…（这是个误会…）所以开了个贴给自己做个笔记，也给需要用到的人一个参考根本问题@joint/core是可以正常使用的，猜测是我没有放到onMounted()里探索过程安装
Lovely Ruby·2024-08-24 11:04

Swift实时监听判断是否连接有网络WIFI和蜂窝数据

1.封装一个判断是否有网络的类2.在封装类注册通知3.主界面接收注册通知，并且调用封装的网络类4.成功测试，有网络为true，否则false一：AllExpanded类importUIKitimportWHToastimportMBProgressHUDimportSystemConfigu
Aftery的博客·2024-08-24 11:34

【vue】【audio】audio标签播放样式改写

{{audio.currentTime|realFormatSecond}}/{{audio.maxTime|realFormatSecond}}exportdefault{props:{data:{type:Object,default(){return{};},},},data(){return{isPlay:false,//播放暂停按钮sliderTime:0,silderNone:0,au
mooonyuan·2024-08-24 11:34

uniapp下单选框的实现

但是它功能实在不能满足需求：单选框不支持再次点击取消无法与父组件的数据源进行联动，无法实现如多规格选择的那种联动源码每次点击都是对数据源进行拷贝，然后再进行json解析等操作，看着就很不靠谱，数据量大必然有性能问题
lsjweiyi·2024-08-24 11:33

如何在C++ QT 程序中集成cef3开源浏览器组件去显示网页？

目录1、问题描述2、为什么选择cef3浏览器组件3、cef3组件的介绍与下载4、将cef3组件封装成sdk5、如何使用cef3组件加载web页面5.1、了解CefApp与CefClient5.2、初始化与消息循环
dvlinker·2024-08-24 11:33

Lifecycle 如何避免内存泄漏？

Lifecycle能够避免内存泄漏主要通过以下几个方面的机制：一、生命周期感知与自动管理严格的生命周期绑定：Lifecycle使组件（如Activity或Fragment）能够明确知道自己所处的生命周期状态
challenge51all·2024-08-24 11:33

Lifecycle的基本概念和使用实例

Jetpack的Lifecycle是一个用于管理Android组件（如Activity和Fragment）生命周期的库。
challenge51all·2024-08-24 11:02

vue-quill-editor富文本使用

一、准备css文件用于自定义富文本样式(我的放到了assets/css/quillEditor).ql-snow.ql-picker{height:none!important;}/*行高*/.ql-picker-options{line-height:1.5;}/*标题*/.ql-snow.ql-picker.ql-header.ql-picker-label::before,.ql-snow.
等....·2024-08-24 11:31

释放Laravel Blade的威力：掌握Laravel的模板引擎

释放LaravelBlade的威力：掌握Laravel的模板引擎Laravel框架以其优雅和简洁的代码而闻名，其中Blade模板引擎是其核心组件之一。
2401_85812026·2024-08-24 11:00

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background
总萌大人·2024-08-24 11:59

【vue】编辑器段落对应材料同步滚动交互

场景需求编辑器段落对应显示材料编辑器滚动时，材料同步滚动编辑器段落无数据时，材料不显示实现方法编辑器与材料组件左右布局获取编辑器高度，材料高度与编辑器高度一致禁用材料组件的滚动事件获取编辑器段落距离顶部的位置
mooonyuan·2024-08-24 11:59

设计模式 -- 七大原则（六）-- 迪米特法则

也就是说，对于被依赖的类不管多么复杂，都尽量将逻辑封装在类的内部。
认真的小羽❅·2024-08-24 10:27

使用Vue 2 + Element UI搭建后台管理系统框架实战教程

Vue2作为一个成熟的前端框架，以其轻量级和高效著称，而ElementUI则是一套专为桌面端设计的Vue2组件库，它提供了丰富的UI元素和组件，大大简化了后台管理系统的开发过程。
不知名靓仔·2024-08-24 10:26

Vue使用openlayers加载天地图

Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm
zsd_666·2024-08-24 10:54

jEasyUI 创建 XP 风格左侧面板

jEasyUI，作为一个基于jQuery的轻量级前端框架，因其易于使用和丰富的组件库而广受欢迎。在本教程中，我们将学习如何使用jEasyUI创建一个XP风格的左侧面板。
wjs2024·2024-08-24 10:53

Bootstrap 4 按钮

Bootstrap4按钮引言Bootstrap4是目前最受欢迎的前端框架之一，它提供了一套丰富的组件和工具，帮助开发者快速构建响应式和移动设备优先的网页。
wjs2024·2024-08-24 10:53

【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs

这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde
傻傻有内涵的我·2024-08-24 09:51

【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选

目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label
傻傻有内涵的我·2024-08-24 09:21

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss创建一个variable.scss文件,并定义全局变量$common-color:red项目中引入全局变量$在style/variable.scss创建一个variable.scss文件，并在vit
m0_50156032·2024-08-24 09:49

string框架应用

Spring框架是LoC和DI以及AOP思想实现的开源框架，简化开发操作，保留传统开发的优势是一个黏合器springMVC+Spring+MybatisLoC思想：javaweb组件之间的依赖和对象的创建都交给
java复习篇·2024-08-24 09:47

threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装)

threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"..
zsd_666·2024-08-24 09:47

knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

1.前言在vue中两个组件无关系(非父子，兄弟即非直接关系)，要实现一个组件对另一个组件方法调用以及数据通信。vue本身没有直接提供非关系组件间通信的内置机制。
哟哟耶耶·2024-08-24 09:47

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext
Abao·2024-08-24 09:46

后端准备步骤:结果的封装和异常的捕获

结果的封装packagecom.lzy.common.lang;importlombok.Data;importjava.io.Serializable;@DatapublicclassResultimplementsSerializable
努力学习的小宇同学·2024-08-24 08:45

ROS2高效学习第十章 -- ros2 高级组件其四之 webots

ros2高级组件其四之webots1前言和资料2正文2.1webots引入和学习资料2.2webots安装以及样例测试2.3自编写webots_demo3总结1前言和资料当前，在机器人仿真领域，有两大产品比较突出
界首大学·2024-08-24 08:12

TCP系列01—概述及协议头格式

windgs(请备注csdn+xx职业)====================================================||目录一、TCP简单介绍面向连接可靠性字节流式二、TCP的封装和协议头的格式三
隨意的風·2024-08-24 08:42

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js
苦逼的猿宝·2024-08-24 08:11

2024金九银十Java面试题(干货)

一、基础篇1.1.八种基本数据类型的大小，以及他们的封装类基本类型大小（字节）默认值封装类byte1(byte)0Byteshort2(short)0Shortint40Integerlong80LLongfloat40.0fFloatdouble80.0dDoubleboolean-falseBooleanchar2
努力进阶的编程小白·2024-08-24 08:09

Eureka原理实践

Eureka由两个核心组件组成：EurekaServer（服务注册中心）：负责存储、管理和提供服务实例信息，如服务名、IP地址、端口号等。
丁爸·2024-08-24 07:01

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public
丁爸·2024-08-24 07:00

流程图编辑框架LogicFlow-vue-ts和js

LogicFlow官网https://site.logic-flow.cn/LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。效果图将此项目导入自己现有项目中：在自己现有项目中
懒员员·2024-08-24 06:29

11结构型设计模式——外观模式

通过外观模式，可以将复杂的子系统封装在一个外观类（Facade）中，从而减少代码的耦合度，提高系统的可维护性和易用性。外观模式的结构图外观类（Facade）：提供一个高层接口，简化了对子系统的操作。
凢曐·2024-08-24 06:58

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault
h_jQuery·2024-08-24 06:27

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。
rain_love_snow·2024-08-24 06:57

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

探索LogicFlowVueDemo：一款强大的可视化建模工具是一个基于Vue.js的逻辑流程图绘制库的示例项目，它为开发者提供了一种直观、易用的方式来创建和展示复杂的逻辑流程图。
杭律沛Meris·2024-08-24 06:57

2019-06-26vue-cli使用sass

save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass修改style标签打开src目录下的components目录中的Hello.vue
Kason晨·2024-08-24 06:09

关于elementui table组件 —— 竖向表格

前端模拟数据方式：html代码：js代码：exportdefault{data(){return{//表格数据tableData:{uesId:'',//部门编号keyWord:'',//关键词target:'',//设计效果}};},mounted(){consttableData1=[{useId:'编号11111',keyWord:"关键字关键字关键字关键字关键字关键字关键字关键字关键字关键
爱吃果蔬的猫·2024-08-24 06:55

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
Abao·2024-08-24 06:24

vue @scroll监听滚动条事件，解决不生效问题

1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件
Long long ago.·2024-08-24 05:48

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和
phpgolife·2024-08-24 04:13

uniapp中switch和select组件阻止chane事件冒泡的方法

如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌
phpgolife·2024-08-24 04:42
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他