编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

169浏览

0评论

vue使用动态组件实现TAB切换效果完整实例

目录一、方法1：使用Vant组件库的tab组件二、方法2：手动创建tab切换效果三、完整代码总结一、方法1：使用Vant组件库的tab组件Vant 2 - Mobile UI Components built on Vue二、...

2023-05-17 21:11:30

101浏览

0评论

Vue中如何实现动态路由的示例代码

目录前言实现效果使用的技术栈实现思路具体实现首先我们来设计数据封装一下axios函数使用vuex实现全局数据共享将数据转化为树形化结构基础路由模块实现动态路由在main.js中...

2023-05-17 21:11:24

235浏览

0评论

vue3页面跳转的两种方式

目录1、标签内 router-link跳转2、编程式路由导航vue3的页面跳转有两种方式，第一种是标签内跳转，第二种是编程式路由导航1、<router-link to='/testDemo'> <button>点击跳转1<...

2023-05-17 21:11:15

99浏览

0评论

解析使用useDark(),发现transition 动画失效

目录先上个示例如果把代码改一下过渡效果先上个示例<template> <div class="theme-change"> <button class="switch" @click="toggleTheme" rol...

2023-05-17 21:11:14

95浏览

0评论

vue中定义全局声明vscode插件提示找不到问题解决

正文我在学习使用vue3和ts,但是当我写完全局声明文件的时候，在ts文件或者.vue文件使用该类型时都提示没有该类型，为什么？具体信息：我在src文件夹下的types文件夹定义全局声明文...

2023-05-17 21:11:12

78浏览

0评论

vue项目打包部署跨域的实现步骤

目录1.前端工程解决办法1.1开发时候解决办法1.2打包部署后解决办法2.后端工程解决办法跨源资源共享（CORS，或通俗地译为跨域资源共享）是一种基于 HTTP 头的机制，该机制通过允许服...

2023-05-17 21:11:10

203浏览

0评论

Vue滑块验证码组件anji-captcha的使用案例详解

目录说明快速开始前端后端测试说明最近需要改一下首页界面，将之前的字符验证码改成滑块验证码（这样更好用一些），找了一下发现了anji-captcha这个组件，效果如下快速开始前端首先将...

2023-05-17 21:11:08

97浏览

0评论

一文总结Vue和React的异同

目录相同点不同点1. 核心思想不同1.1 核心思想不同导致写法差异1.2 核心思想不同导致api差异1.3 核心思想不同导致社区差异1.4 核心思想不同导致未来升级方向不同2. 组件实...

2023-05-17 21:11:04

128浏览

0评论

vue中关于checkbox使用的问题

目录vue中checkbox使用问题checkbox在vue中的用法小结checkbox禁用在vue中checkbox用法vue中checkbox禁用jQuery特效setTimeout异步自定义checkbox样式原理总结vue中checkbo...

2023-05-17 21:11:02

99浏览

0评论

前端设置cookie之vue-cookies使用及说明

目录前端设置cookie之vue-cookies安装vue-cookies引入vue-cookiesApivue的cookies:vue-cookies设置,获取及删除指定的cookiesvue-cookie使用总结前端设置cookie之vue-cookie...

2023-05-17 21:10:59

254浏览

0评论

WebSocket使用以及在vue如何使用问题

目录WebSocketWebSocket 实例socket.io 简介客户端 api总结WebSocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服...

2023-05-17 21:10:57

219浏览

0评论

moment转化时间戳出现Invalid Date的问题及解决

目录moment转化时间戳出现Invalid Date使用Moment.js处理时间戳转化为时间年月优点使用步骤总结moment转化时间戳出现Invalid Date项目用在使用moment转换时间戳的时候出现I...

2023-05-17 21:10:55

99浏览

0评论

vue项目中echarts自适应问题的高级解决过程

目录一、问题描述1.1 页面布局1.2 问题复现二、解决过程2.1 增加图表resize2.2 解决canvas画布大小和容器大小不一致的问题2.3 动手添加延时2.4 监听浏览器onresize事件三...

2023-05-17 21:10:52

133浏览

0评论

vue等框架对Tabs、Moda等设置固定高度后没有滚动条问题

vue等框架对Tabs、Moda等设置固定高度后没有滚动条当弹窗不设置高度时，界面会根据内容自动扩充高度，内容过长时会非常难看，需要设置固定高度，当超出这个高度后悔出现滚动条。效...

2023-05-17 21:10:46

130浏览

0评论

Vue中created和mounted使用场景分析

目录一、生命周期概念二、浏览器渲染过程三、生命周期中的浏览器渲染beforeCreate阶段created阶段beforeMount阶段mounted阶段四、使用场景五、常见相关问题一、生命周期概...

2023-05-17 21:10:43

101浏览

0评论

解决vue3 defineProps 引入定义的接口报错

问题遇到的现象在setup语法糖使用了defineProps，然而在定义类型的时候一旦将接口暴露出去引用就发生了报错问题相关代码interface Props { /* ... */}export { type Pr...

2023-05-17 21:10:39

127浏览

0评论

关于Vue中的计算属性和监听属性详解

目录一、computed计算属性（1）计算属性的缓存（2）计算属性的setter二、watch监听属性一、computed计算属性Vue.js模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模...

2023-05-17 21:10:37

101浏览

0评论

Vue多布局模式实现方法详细讲解

目录1、目标效果2、原理分析1、目标效果源码地址：multipal-layout-demo: vue2实现多布局+暗黑模式默认布局：头部宽度100%，侧边栏、内容区顶部布局：头部宽度100%，内容区侧边栏布局...

2023-05-17 21:10:34

93浏览

0评论

vue 行为验证码之滑动验证AJ-Captcha使用详解

目录AJ-Captcha使用过程及源由验证码功能包括两种如何使用验证码参数兼容性AJ-Captcha行为验证码采用嵌入式集成方式，接入方便，安全，高效。抛弃了传统字符型验证码展示-填写字...

2023-05-17 21:10:29

345浏览

0评论

vue中同步方法的实现

目录vue同步方法实现有三种实现方式vue中的同步和异步问题同步异步总结vue同步方法实现有三种实现方式1、axios本身属于Promise利用函数式的then获取请求返回结果，也是最常用...

2023-05-17 21:10:25

103浏览

0评论

mint-ui如何自定义messageBox样式

目录mint-ui自定义messageBox样式mint UI messagebox用法总结mint-ui自定义messageBox样式mint-ui MessageBox官网文档：http://mint-ui.github.io/docs/#/zh-cn2/message-box...

2023-05-17 21:10:23

315浏览

0评论

vue 动态路由component 传递变量报错问题解决

目录menuList 后台数据返回格式路由里面componentmenuList 后台数据返回格式{ // 统计分析 path: '/statistics', name: 'Statistics', meta:{title: '数据统计...

2023-05-17 21:10:20

104浏览

0评论

vue3+ts+elementPLus实现v-preview指令

目录引文目录文件内容previewImage.vuepreview.ts使用开发中可能遇到的问题总结引文最近在用 vue3+ts 开发公司的后台系统，因为后台多处需要图片放大预览的功能，就想着封装一...

2023-05-17 21:10:17

213浏览

0评论

vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决

目录报错如下：解决方式1：解决方式2：总结今天重装了node和Vue脚手架，在install的时候报了下面的错误报错如下：Build failed with error code: 1
[npminstall:runscript:error] nod...

2023-05-17 21:10:15

106浏览

0评论

vue页面设置滚动失败的完美解决方案(scrollTop一直为0)

目录vue页面设置滚动失败的解决方案(scrollTop一直为0)背景误区:什么时候存在滚动条？Why scrollTop==0?如何判断页面的滚动条是哪个div产生的？vue页面设置滚动失败的解决方案(...

2023-05-17 21:10:13

378浏览

0评论

vue-electron中修改表格内容并修改样式

目录需求技术xlsx-style全部代码需求将表格导入并向其添加内容，然后导出表格，且表格样式（一般是值宽高合并颜色等）不能改变。技术electronxlsxxlsx-stylenode-xlsxyarn add xlsx...

2023-05-17 21:10:10

229浏览

0评论

vue使用Swiper踩坑解决避坑

目录我的Swiper定义：报错信息：保留默认名class：swiper-container查看GitHub我的Swiper定义：Failed to execute 'getComputedStyle' on 'Window': parameter 1 i...

2023-05-17 21:10:08

163浏览

0评论

Vue实现电梯样式锚点导航效果流程详解

目录1、目标效果2、原理3、源代码1、目标效果最近喝了不少的咖啡、奶茶，有一个效果我倒是挺好奇怎么实现的：（1）点击左侧分类菜单，右侧滚动到该分类区域（2）右侧滑动屏幕，左侧显示当前...

2023-05-17 21:10:04

65浏览

0评论

Vue 实现轮播图功能的示例代码

目录1. 安装 Element UI2. 创建轮播图组件3. 组件属性和事件4. 编写样式和动画效果本文将介绍如何使用 Vue 和第三方组件库 Element UI 实现轮播图功能。我们将从以下几个方...

2023-05-17 21:09:57

239浏览

0评论

Vue3.2中setup语法糖的使用教程分享

目录1、如何使用setup语法糖2、data数据的使用3、method方法的使用4、watchEffect的使用5、watch的使用6、computed计算属性的使用7 、props父子传值的使用8 、emit子父传值...

2023-05-17 21:09:55

94浏览

0评论

Vue中修改Mint UI的Toast默认样式之字体大小调整方式

目录vue修改Mint UI的Toast默认样式之字体大小调整给Toast添加className添加样式vue修改mint-ui默认样式（默认风格）加入my-mint.css总结vue修改Mint UI的Toast默认样式之字体...

2023-05-17 21:09:53

83浏览

0评论

Vuex localStorage的具体使用

目录状态管理的必要性localStorage储存和获取数据生命周期VuexVuex的概念Vuex的工作流程Vuex和localStorage的区别总结前端开发中，状态管理是一个很重要的话题。在Vue.js中， V...

2023-05-17 21:09:51

206浏览

0评论

vue父子组件传值不能实时更新的解决方法

最近做项目，遇到个大坑，这会爬出来了，写个总结，避免下次掉坑。vue父子组件传值不能实时更新问题，父组件将值传给了子组件，但子组件显示的值还是原来的初始值，并没有实时更新，为什么...

2023-05-17 21:09:50

94浏览

0评论

vue实现三级页面跳转功能

问题描述：在二级页面点击按钮，打开新的标签页实现：在router目录下的index.js文件添加对应组件{ path: '/offices', component: <strong>'Layout'</strong><strong>,</str...

2023-05-17 21:09:45

108浏览

0评论

一文掌握在Vue3中书写TSX的使用方法

目录插件安装与文件配置tsx语法格式tsx语法注意事项在vue2的时候就已经可以使用 jsx 语法，但是不是很友好，写起来是一件很痛苦的事情，所以你很少见到有人会在vue2中书写 jsx 语...

2023-05-17 21:09:39

162浏览

0评论

vue封装tree组件实现搜索功能

我使用的是 vue2 + antd，那么 antd 的 tree 组件中没有给我们封装搜索，其官网提供的搜索也不是封装好的，而且限制比较大，因为我的树形进来要默认展开，官方的代码是进行了响应式，...

2023-05-17 21:09:31

83浏览

0评论

Vue实现动态显示表单项填写进度功能

目录一、序言1、业务需求2、目标效果二、原理三、全部代码一、序言1、业务需求表单项填写了，进度条就增加相应的比例，表单项未填写，进度条就减少相应的比例2、目标效果二、原...

2023-05-17 21:09:27

347浏览

0评论

vue DatePicker日期选择器时差8小时问题

目录vue DatePicker日期选择器时差8小时vue中moment时间戳问题(时区问题)总结vue DatePicker日期选择器时差8小时vue中使用element-ui中的日期选择器组件时，会造成时区差。在...

2023-05-17 21:09:19

177浏览

0评论

多方面解读Java中的volatile关键字

目录介绍作用保证变量的可见性：禁止指令重排：不能保证原子性可见性、有序性、原子性不会导致线程阻塞使用场景实现原理happens-before局限性和 synchronized 关键字比较和 Ato...

2023-05-17 21:03:37

165浏览

0评论

使用java.nio.file 库优雅的操作文件详解

目录概述Path 路径Files 文件FileSystems 文件系统WatchService 文件监控PathMatcher 文件匹配读文件内容小文件大文件总结概述在早期的 Java 版本中，文件 IO 操作功能一直相...

2023-05-17 21:03:34

189浏览

0评论

利用Mybatis Plus实现一个SQL拦截器

目录起源实现拦截器接口InnerInterceptor修改sql常用的工具类起源最近公司要做多租户，Mybatis-Plus的多租户插件很好用，但是有一个场景是：字典表或者某些数据表，一些数据需要在...

2023-05-17 21:03:32

168浏览

0评论

关于Java多线程上下文切换的总结

目录什么是上下文切换上下文切换代码测试引起线程上下文切换的原因如何减少上下文切换什么是上下文切换即使是单核CPU也支持多线程执行代码，CPU通过给每个线程分配CPU时间片...

2023-05-17 21:03:31

169浏览

0评论

RocketMQ之Consumer整体介绍启动源码分析

目录前言Consumer整体介绍Consumer实现类Consumer消费类型DefaultMQPushConsumer主要APIDefaultMQPushConsumer关键属性Consumer消费模式Consumer消费策略Consumer使用Defau...

2023-05-17 21:03:29

165浏览

0评论

Java中Object用法详解

目录一. Object简介1. 简介二. 常用方法1. clone()方法1.1 clone方法作用1.2 clone源码分析1.3 Java的浅克隆与深克隆2. hashCode()方法2.1 简介2.2 hash值2.3 案例3. equal...

2023-05-17 21:03:25

187浏览

0评论

RocketMQ消息存储文件的加载与恢复机制源码分析

目录前言StoreCheckPoint介绍StoreCheckPoint时间戳更新时机StoreCheckPoint刷盘源码消息加载源码分析CommitLog加载ConsumeQueue加载IndexFile加载ConsumeQueue与IndexFile...

2023-05-17 21:03:20

224浏览

0评论

分布式消息队列RocketMQ概念详解

目录1.MQ概述1.1 RocketMQ简介1.2 MQ用途1.3 常见MQ产品2.RocketMQ 基本概念2.1 消息2.2 主题2.3 标签2.4 队列2.5 Producer2.6 Consumer2.7 NameServer2.8 Broker2.9 Rocke...

2023-05-17 21:03:17

152浏览

0评论

RocketMQ 源码分析Broker消息刷盘服务

目录前言刷盘服务源码分析CommitRealTimeService刷盘源码分析FlushRealTimeService刷盘源码分析GroupCommitService刷盘源码分析总结前言上篇文章我们介绍了消息刷盘的四种...

2023-05-17 21:03:10

161浏览

0评论

一分钟掌握Java Quartz定时任务

目录前言角色介绍官方例子Quartz如何分布式？跟着官方例子看源码Trigger的处理结合起来总结前言前几篇介绍了单体架构的定时任务解决方式，但是现代软件架构由于业务复杂度高，业...

2023-05-17 21:03:05

171浏览

0评论

Java 在 Array 和 Set 之间进行转换的示例

目录概述从 List 转换为 Set使用原生 Java 代码使用 Guava使用 Apache Commons Collections从 Set 转换为 Array使用原生 Java使用 Guava结论概述在本文章中，我们对如何在 Ja...

2023-05-17 21:02:59

182浏览

0评论

一文带你掌握Java中的HashSet

HashSet 基于 HashMap 来实现的，是一个不允许有重复元素的集合。HashSet 实现了 Set 接口。HashSet 允许有 null 值。HashSet 是无序的，即不会记录插入的顺序。HashSet 不是线...

2023-05-17 21:02:57

首页 «147 148149150 151 »尾页

热门文章