效果echarts项目vue
vue基于vue-pdf实现pdf预览
<template> <div class="pdf-container"> <div class="page-tool"> 文件名称扩展 <div class="page-tool-fixed" v-if="showTool"> <span class="scale-icon" @click="p ......
如何实现元素的平滑上升？（vue和react版）
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
echarts实现柱状图自动轮播/鼠标悬浮悬停
1.dataZoom配置 dataZoom: [ //滑动条 { xAxisIndex: 0, //这里是从X轴的0刻度开始 show: false, //是否显示滑动条，不影响使用 type: "inside", // 这个 dataZoom 组件是 slider 型 dataZoom 组件 st ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时，碰到个很有意思的问题，el-dialog的属性值v-model直接控制对话框的显示与否，点击关闭对话框和遮罩区域，组件内部会自动更改v-model的值 ......
jenkins发布Java项目
一、java项目是什么(springboot) 由java语言开发的后端，就是java项目 java项目，提供java开发环境，且进行编译后，方可运行，今天开始学这个。 简单理解java的源代码，好比一堆零散的零件（文件），通过编译，打包之后，成为一个整体小汽车（java代码包），然后就可以基于这个 ......
在vue项目开发过程中，输入框以表单形式提交后，路径中多了问号？
结果是：http://localhost:8100/#/ 改变为 http://localhost:8100/?#/ 导致路由跳转出现问题。 原因：这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。 解决方案：使用@click.prevent 阻止默认事件 ......
软件开发项目文档系列之十五如何撰写项目结项报告
这是一个项目总结文档的说明文件，它提供了项目的概述、建设情况、技术情况、测试情况、培训情况、试运行情况、主要成效等详细信息。 ......
2023 年度 10 月份 GitHubJava 项目排行榜 Top 10
1.mall 项目地址：https://github.com/macrozheng/mall mall 项目是一套电商系统，包括前台商城系统及后台管理系统，基于 SpringBoot+MyBatis 实现，采用 Docker 容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物 ......
为啥Decoder-Only这条路线效果最好？
https://arxiv.org/pdf/2304.13712.pdf 这篇论文中有个现代大型语言模型（LLM）的演变树，可以看出：同一分支上的模型关系更为紧密。 图说明： 基于 Transformer 模型以非灰色显示： decoder-only 模型在蓝色分支， encoder-only 模型 ......
Project多功能项目管理工具
project官方版是一款受大众欢迎的多功能项目管理系统。project最新版全新的预安装报表集充分利用了新的图形和格式设置功能。数据背景墙已被鲜明的图表和图像所取代，让您更直观地描述项目的信息。project官方版支持对内置的模板进行快速的选择，支持对项目的组合管理，快速的完成项目的优化。 基本简 ......
怎么捕获 Vue 组件的错误?
errorCaptured 是组件内部钩子函数，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 errorHandler 为全局钩子函数，使用 Vue.config.errorHandler 配置，接收参数与 e ......
Vue3实现图片滚轮缩放和拖拽
在项目开发中遇到一个需求： 1：用鼠标滚轮可对图片进行缩放处理 2：点击按钮可对图片进行缩放处理 3：可对图片进行拖拽处理 我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用 <template> <div ref="imgWrap" class="wrap" @mousewheel.p ......
Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu ......
java项目实战-tomcat-SpringMVC-基本用法01-day25
目录1. maven创建 war项目2. SpringMVC 1. maven创建 war项目 什么是jar项目 什么是war项目？ jar项目： 由main方法来开始的 直接依赖JVM就能编译运行 jar项目不需要服务器 war项目： web项目的java文件是tomcat来触发的 脱离了web服 ......
vue初始
简介 Vue 的两个核心功能： 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。 API 风格 Vue 的 ......
由于Vue实例没有执行DOM挂载，所以不会执行mounted钩子函数
现有以下代码, 打印的结果是（ ） new Vue({ data: { a: 'first', b: 'second' }, created: function () { console.log(this.a) }, mounted(){ console.log(this.b) } }) A 'fi ......
开源项目SourceBrowser 功能实现中问题修复
前段时间看到 在线原源码浏览网站 SourceBrowser，就好奇怎么读的 代码 展示的，就拔下源码 看了 下， 然后自己 打算简单实现下，不想 每个工作日 弄 个把小时 弄了两周，才解决报错问题，可以读取到 文档，也简单学习了下 Roslyc. 原项目中 时 net472 跑，我先直接copy拿 ......
由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。
下列关于Vue响应式的描述错误的是（ ） A 当利用索引值设置一个数组项时，Vue不能检测到数组的变动 B 当修改数组的长度时，Vue不能检测到数组的变动 C Vue可以监听对象属性的添加或删除 D 可以通过Vue.set()方法向嵌套对象添加响应式属性 正确答案：C Vue无法检测property ......
Azure DevOps 发布.Net项目到Windows IIS站点之Azure项目发布内网VM
当你有一个需求，需要通过Azure DevOps发布到一个没有公网的VM的时候，你将需要使用以下脚本 trigger: - master pool: vmImage: 'windows-2022' variables: - name: Build.ArtifactStagingDirectory v ......
Azure DevOps 发布.Net项目到Windows IIS站点之通过公网IP(账号、密码)
在Azure DevOps中 通过指定公网IP发布代码到指定目录 # ASP.NET Core (.NET Core 7.0) # Build and test ASP.NET Core projects targeting .NET Core 7.0. # Add steps that publi ......
记录工作项目中使用的插件（持续更新中）
1.HighLightingSystem 用于3D物体高亮显示 在项目中的使用方法：导入插件后在需要高亮显示的3d物体上附加Highlighter组件，在需要显示高亮效果的摄像机上附加Highlighting Renderer组件。在代码中调整Highlighter属性即可控制物体高亮效果的开关、闪 ......
JavaWeb--在IDEA中部署Maven Web项目
Web的项目结构： 1、Meaven Web项目结构：开发中的项目 在IDEA中创建Maven项目 1、使用骨架 2、不使用骨架 1、添加打包方式为war 2、补齐缺失的目录 2、部署的JaveWeb项目结构：开发完成，可以部署的项目 ......
vue3中的vue-18n的table表格标题不动态变化中英文
使用 computed 即可 eg： const columns = computed(() => { return reactive<any>([ { title: proxy.$t('device.pm.table.index'), dataIndex: 'index', width: 50, ......
vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记：oldStartIdx、oldEndIdx、newStartIdx、newEndIdx
关于Vue中的diff算法说法错误的是（ ） A 比较只会在同层级节点进行比较, 不会跨层级比较 B 在diff比较的过程中，循环从两边向中间收拢。 C vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记：oldStartIdx、oldEndIdx、newStar ......
Vue 在内部对异步队列尝试使用原生的 Promise.then、MutationObserver 和 setImmediate，如果执行环境不支持，则会采用 setTimeout(fn, 0) 代替
下列关于Vue的描述错误的是（ ） A 当给某个组件修改某个值时，该组件不会立即重新渲染 B Vue内部使用原生Promise.then、MutationObserver和setImmediate实现异步队列，不会采用setTimeout(fn, 0) C $nextTick()返回一个Promis ......
如何减少项目的白屏时间，优化页面的卡顿
1.如何减少项目的白屏时间，优化页面的卡顿 问题背景 在某些情况下，我们希望等待当前帧渲染完成后执行某个函数。这样可以确保在进行下一次操作之前，浏览器已经完成了渲染工作，以提供更流畅的用户体验。例如，当我们需要处理大量数据并进行渲染时，我们可以使用 requestAnimationFrame 在下一 ......
Object.defineProperty(obj,key,val)不可以监听数组变化，需要做特殊处理，所以Vue3.0使用Proxy实现数据监听
关于Vue双向数据绑定说法错误的是（ ） A Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式 B Object.defineProperty(obj,key,val)可以监听数组变化，不需要做特殊处理 C Vue2.0 数据劫持是利用ES5的Object.defineProperty(ob ......
精选软件项目管理解决方案：2023年必试的7款系统
适合软件项目的7大项目管理系统：1.PingCode；2.Worktile；3.JIRA；4.Trello；5.Asana；6.Microsoft Project；7.Basecamp。我们将对以上项目管理软件进行深入对比。 软件型项目在项目管理方面具有其独特的复杂性，这在很大程度上源于软件开发的迭 ......
Vue怎么监听路由参数的变化？
有两种方法可以监听路由参数的变化，但是只能用在包含<router-view />的组件内 第一种用侦听器监听 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种在路由守卫种监听 beforeRouteUpdate (to, from, next) { / ......
Vue中如何在有传参的情况下传入默认参数event
<el-button type='primary' @click='handleSearch("kkk",$event)'>我是默认参数</el-button> 点击查看代码 handleSearch(val,e){ if(e){ /*默认参数*/ } } 想要在传递参数的基础上添加默认参数，在vu ......