效果echarts项目vue

vue3 图片懒加载

使用vue第三方库 useIntersectionObserver 创建文件 directives/index.js 导入第三方库 import { useIntersectionObserver } from '@vueuse/core' export const lazyPlugin = { i ......
图片 vue3 vue

vue和servlet 前后端分离 (复习)

# 一、vue复习 ## 1.vue的使用步骤: (1)导入vue.js (2)创建除body以外最大的div标签,给定id值 (3)创建vue对象 ```bash new Vue({ el:"#app", data:{}//定义变量 methods:{} //定义方法 ``` ## 2.vue语法 ......
servlet vue

C# 使用Windows服务项目模板快速创建Windows服务程序

之前写了一篇使用Topshelf创建Windows服务程序的文章:https://www.cnblogs.com/log9527blog/p/17325795.html 还可以直接使用VS自带的Windows服务项目模板快速创建Windows服务程序 Service1.cs里面的OnStart和On ......
Windows 服务项目 模板 程序 项目

springboot+vue前后端分离项目发布上线

首先呢不用多说就是买阿里云服务器,但是呢,学生免费一个月。 前端呢就是配置与后端端口 然后呢就是要打包:npm run build 把你的dist文件东西进行上传到服务器。 后端springboot呢就是要打jar包上传。 然后服务器是先去下载配置jdk,然后就是点击网站选择springboot项目 ......
项目发布 springboot 项目 vue

Vue无感刷新当前页面

使用 Vue 选项/组合 Api provide / inject Api 地址,此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 html 复制代码 <template> <div id="app"> <router-view v-if="routerAl ......
页面 Vue

记录--你知道Vue中的Scoped css原理么?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 追忆Scoped 偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。 突然,面试官说:「我的主技术栈是Rea ......
原理 Scoped Vue css

Vue基础复习

一、Vue API 风格 Vue 的组件可以按两种不同的风格书写: 选项式API(Vue2)和组合式API(Vue3)大部分的核心概念在这两种风格之间都是通用的。熟悉了一种风格以后,你也能够很快地理解另一种风格 1.1 选项式API (Options API) 使用选项式API,我们可以用包含多个选 ......
基础 Vue

Vue3 实现点击菜单实现切换主界面组件

子组件 菜单组件 MenuComponent 列表组件 ExtTelListComponent 状态组件 ExtTelStatusComponent 父组件 界面主体 MainIndex 实现功能:在 MainIndex 中引入 三个子组件 通过点击 菜单组件 切换加载 列表组件 和 状态组件 实现 ......
组件 菜单 界面 Vue3 Vue

Vue bug from backend

# 一个后端引发前端的BUG 使用的框架是vue 代码里面有一个 获取后台数据 this. data = await fetch() table里面是一些可以编辑的input const dataMock = [ { id: 3, input: '' } ] 大概是一个这样的数据结构 一切正常 一段 ......
backend from Vue bug

vue2 + elementUI + sortablejs 实现可行拖拽排序表格

需要实现表格 (可以新增行, 表格中直接编辑数据,行可上下拖动重新排序) 实现效果(整行上下拖动之后,序号变化为1,2,3.......,可根据名称看效果哦): 初始表格: 拖拽后: 1. 安装拖拽插件 npm install sortablejs --save页面中引入 import Sortab ......
sortablejs elementUI 表格 vue2 vue

ts项目中引入js文件不报错处理

tsconfig.json中 { "include": ["*/*.ts"] //需要检索的文件位置} ......
文件 项目

Vue3 子组件 调用 父组件的函数

子组件 <template> <div class="menuUn Huans"> <a href="javascript:;" class="menuUna flexC fl-bet Huans" @click="menuOnClick('ExtTelStatusComponent')"><p>调 ......
组件 函数 Vue3 Vue

Vue3 动态切换组件component

在 vue3 开发中 经常会遇有 动态切换组件 的需求,下面简单写个例子,当然也还有其它方法。 用 component :is= 来变换组件 <div class="IndConK Huans overH" > <!-- 正常组件 <ext-tel-status-component ></ext-t ......
组件 component 动态 Vue3 Vue

你信不信,只要学几天javascript就可以使用纯原生实现五星评分效果 【附完整代码】

>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/e80dd7f ......
javascript 效果 代码

Windows系统使用Nginx部署Vue

# Nginx是什么? Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的,因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名 ......
Windows 系统 Nginx Vue

vue 打开浏览器新标签页预览 pdf 和 txt 文档,以及新标签页标题修改

1 // 在线查看 2 showOnline({ id, fileExt, fileName }) { 3 if (fileExt && ['jpg', 'jpeg', 'gif', 'bmp', 'png'].includes(fileExt.toLowerCase())) { 4 downloa ......
标签 浏览器 文档 标题 vue

多个git项目库之间的cherry-pick操作

https://blog.csdn.net/qq_40102178/article/details/123378200?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault% ......
项目库 cherry-pick 多个 之间 项目

vue 任务队列

taskQueue.js export default class TaskQueue { constructor(max = 2) { // 控制请求最大并发数 this.max = max // 队列 用shift方法实现先进先出 this.taskList = [] setTimeout(() ......
队列 任务 vue

AHB GPIO项目理解

框架与协议理解1--基本框架 框架与协议理解2--portin和portout的访问 masked bit:只对当前位操作,其他位不变GPIO的portin和portout不是一个配置寄存器,它的写和读有不同含义 【以协议中portout为例】 动作为:写入和检测 1.写入比如给pout_wr的第0 ......
项目 GPIO AHB

GPT优化后效果

# 🌟赚钱的底层逻辑与未来方向🌟 ## 一. 之前Web3程序收入 🌐 1. 🚀踩中风口2. 💸程序被动收入3. 📈流量4. 🔍反编译 ## 二. AI 时代 🧠 1. 🤖chatGPT2. 🔮mj+sd3. 🎓训练一个专业的AI ## 三. 自媒体流量 📱 1. 🎥抖音2 ......
效果 GPT

SpringBoot中使用Netty开发WebSocket服务-netty-websocket-spring-boot-starter开源项目使用与改造多线程群发消息

场景 SpringBoot+Vue整合WebSocket实现前后端消息推送: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114392573 SpringCloud(若依微服务版为例)集成WebSocket实现前后端的消息推送: ......

Vue3+.net6.0 六 条件渲染

v-if,v-else-if,v-else 控制元素是否渲染,不满足条件的时候不会有相应元素。 <div v-if="type 'A'"> A </div> <div v-else-if="type 'B'"> B </div> <div v-else-if="type 'C'"> C </div> ......
条件 Vue3 net6 Vue net

AHB协议理解3--AHBGpio项目

GPIO的两个重要功能: 1.中断生成 2.掩码访问 1.中断生成--为什么要2个filp-flop同步? 对于sigle bit lever signal(单比特信号),可以用两级flop来同步目标域信号,即俗称的打两拍。 2.中断生成--FCLK HCLK的协议时序理解 协议中FCLK的定义是和 ......
AHBGpio 项目 AHB

vue3自定义指令 拖拽 与拖拽变大小

directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
指令 大小 vue3 vue

华为云5大开源项目发布与更新,助力开发者实现应用创新

摘要:华为开发者大会2023(Cloud)期间,由华为云开源主导的“5大开源项目发布与更新,多种底层能力助力开发者实现应用创新”分论坛圆满落幕。 本文分享自华为云社区《HDC.Cloud 2023 |华为云5大开源项目发布与更新,助力开发者实现应用创新》,作者:华为云开源。 华为开发者大会2023( ......
项目发布 开发者 项目

19:vue3 依赖注入

1、通过Prop 逐级透传问题(传统老的方法只能逐级传递) 传统方式代码如下: App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
vue3 vue

Vue3+.net6.0 五 类和样式绑定

Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
样式 Vue3 net6 Vue net

二维码简易实现 Vue+Springboot

Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
Springboot 简易 Vue

vue 批量下载通用方法【转载】

自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
方法 vue

nginx部署vue网站

1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
nginx 网站 vue