vue vue-cli-service min源码
宝塔 nginx 运行 vue项目
宝塔 安装nginx nginx 根目录： /www/server/nginx/html 修改nginx 配置 下滑到70多行，添加 server 对象内容，内容如下 server { listen 82; server_name test2; location / { root html/test ......
vue图片上传视频
图片上传是现在Web开发中常见的需求之一。而使用Vue框架可以使得这一过程更加方便和有效。在Vue中使用预先开发好的组件，可以快速地实现图片上传功能。 // 在Vue组件中引用插件 import VueUploadComponent from 'vue-upload-component' // 在模 ......
Vue3 打印,合并单元格
一、npm i vue3-print-nb 1、按钮： <el-button type="danger" v-print="printObj" icon="Star">交接并打印</el-button> 2、打印区域外边添加div <div ref="printContent" id="printC ......
c++ STL源码解读
红黑树 map,key不能添加相同的key，如果添加不会报错，但是添加不进去 #include <iostream> #include <map> #include <set> using namespace std; int main(int argc, char const *argv[]) { ......
vue3 -点击按钮进入新的页面
一、调用页面 //路由 import { useRouter } from 'vue-router let $router = useRouter() // 车组调整页面 const handleCar=(row:any) =>{ $router.push({path:"/test/edit",qu ......
vue3 用法汇总（二）
1、列表中鼠标放在不同单元格显示不同的背景颜色 <el-table v-resize:44 :data="tableData" class="table marking-table" border style='margin: 10px 0px' highlight-current-row elem ......
HashMap源码详解
HashMap简介 HashMap是Java语言中的一种集合类，它实现了Map接口，用于存储Key-Value对。它基于哈希表数据结构，通过计算Key的哈希值来快速定位Value的位置，从而实现高效的插入、删除和查找操作。下面我们对照着JAVA1.8中的HashMap源码来分析一下它的内部实现逻辑 ......
vue上传视频框架
在Web应用程序中经常需要用户上传视频，以便内容分享，教程和其他目的。Vue.js是一种流行的JavaScript框架，它提供了一种方便的方式来设计交互式和动态的用户界面，因此Vue上传视频框架是一种非常受欢迎的技术。 Vue.js框架提供了各种插件和工具，它们可以帮助开发人员轻松地实现视频上传功能 ......
Vue树形单选选择器
调用页面SuperviseTimerModal.vue代码如下： <template> <div> <j-modal centered :title="title" :width="width" :visible="visible" :destroyOnClose="true" switchFull ......
[Vue]组件实例对象可以访问到Vue原型上的属性、方法
1. 一个重要的内置关系：VueComponent.prototype.__proto__ Vue.prototype 2. 为什么要有这个关系：让组件实例对象vc可以访问到Vue原型上的属性、方法 <body> <div id="root"></div> </body> <script> let ......
Spring/SpringBoot中的声明式事务和编程式事务源码、区别、优缺点、适用场景、实战
一、前言 在现代软件开发中，事务处理是必不可少的一部分。当多个操作需要作为一个整体来执行时，事务可以确保数据的完整性和一致性，并避免出现异常和错误情况。在SpringBoot框架中，我们可以使用声明式事务和编程式事务来管理事务处理。其中事务的坑也是不少，比较常见的就是事务失效，大家可以看看！后面小编 ......
vue3 学习一 搭建环境
1. 安装node nmp nvm 2. 构建vue脚手架 2.1 创建工程 nmp init vite@latest 或者 npm init vue@latest (配置比较全) 创建工程名 vue-demo 选择vue, typescript 2.2 安装依赖包和运行 cd vue-demo n ......
创建一个vue项目-----局部环境搭建
创建 vue 项目的五种方法 方法一：vue init webpack 项目名（vue-cli2.x的初始化方式） 以管理员身份打开命令行界面 (按住 shift 鼠标右键 打开 PowerShell)，输入命令： vue init webpack blog 创建项目(blog 是项目名) 如果没有 ......
创建一个vue项目---全局环境搭建
全局环境搭建 一、环境准备 1、安装 node.js 下载地址：https://nodejs.org/en/ 2、检查是否安装成功：输出版本号说明安装成功 3、安装淘宝镜像 (淘宝镜像速度比较快) npm install -g cnpm -registry=https://registry.npm. ......
springboot-vue 项目
一 、后端 @Controller一般 在controller中return返回的是一个地址@RestController 返回的是一个数据(json)，在前后端分离都是用@RestController @RequestParam 与浏览器上的值作为绑定(如果name写错，也能传递)，不过写了之后一 ......
[vue]精宏技术部试用期学习笔记 III
精宏技术部试用期学习笔记（vue） 父子通信 什么是通信 / 为什么要通信 通信即在不同组件之间传输数据 当在 复用组件 时，需要传递不同数据达成不同的表现效果 能够根据其他组件的行动，响应式 的做出变化 Props 功能: 让父组件信息传递到子组件 code: 假定 index.vue 已经通过 ......
35-Vue脚手架-全局事件总线（使用全局事件总线优化Todo-List案例）
全局事件总线（GlobalEventBus） 1. 一种组件间通信的方式，适用于任意组件间通信 2. 安装全局事件总线 new Vue({ ... // 生命周期 beforeCreate 这时vue还未解析模板，初始化的数据监测、数据代理还未开始 beforeCreate() { // 安装全局事 ......
vue用法汇总--包含各种控件（大部分是vue3）
1、导航功能 <template #header> <div class="card-header"> <el-icon><Watch /></el-icon> <span>实时排班信息</span> </div> </template> 2、 日期 1 <el-form-item> 2 <el-d ......
vue3.0父级组件调用子组件方法
vue3.0父级组件调用子组件方法 场景：在页面开发过程中，我经常涉及到不同组件之间的元素和方法的调用。就此记录在vue3.0项目，也是我开发的开源项目中的实现方式。 父级组件调用子级 1.应用场景 以下以我的代码实现为例：在左侧菜单中，通过点击新建会话，在会话列表中新建一个会话框。 其中：会话列表 ......
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景：📝1.将前端代码www包解压后放在本地临时目录，然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
【宝藏工具】开源组件信息一键查询，快速获取组件来源、版本、源码地址、漏洞补丁、推荐版本!
铁子们，分享一个开源组件安全检索 免费工具，需要的自取～ 输入组件名，一键查询可以组件版本、来源、安全状态、漏洞详情和推荐版本、修复建议这些。 点这个链接注册后直接就能用：组件安全检索工具 一键查询第三方组件版本、漏洞、所属国家、所属语言、源码链接等： 查看漏洞详情： 查看修复建议： 查看版本推荐和 ......
lottie在vue中的使用
lottie官网：https://lottiefiles.com/ 1.安装依赖 npm install lottie-web 2.创建lottie组件 <template> <div :style="style" ref="lavContainer"></div> </template> <scr ......
直播网站源码，Canvas实现圆形时间倒计时进度条
直播网站源码，Canvas实现圆形时间倒计时进度条 在开发canvas程序时，我们通常需要准备静态html和需要引用的js文件即可，这次我们使用的静态html模板如下： 1.html页面 <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <m ......
直播小程序源码，react-native自定义文本输入框
直播小程序源码，react-native自定义文本输入框 Examples from props: ... _onChange = (label, value) => { this.setState({ [label]: value }); }; render() { return ( <View ......
vue3项目 - 手写可拖拽带进度监控的文件上传组件
1.实现原理： 原生的上传文件组件： <input ref="uploadFileRef" style="display: none" type="file"/> 自定义上传区域： 拖拽事件添加（dragover，dragenter，drop），点击事件添加（click） 调用原生上传组件的clic ......
在线直播系统源码，vue实现搜索文字高亮功能
在线直播系统源码，vue实现搜索文字高亮功能 1、在页面中使用v-html渲染 <template> <div class="box"> <!-- 搜索框 --> <div class="mySearch"> <van-search v-model="PopUpSarCh" show-action ......
vue vue.config.js 配置
1. 开启 sourceMap // 显示 sourceMap , 便于调试 // process.env.NODE_ENV 有的是 dev/prod, 有的是 development/production, 需要自己确认下 productionSourceMap: process.env.NODE ......
alibaba fastjson的JsonObject有序的实现和源码分析
介绍 FastJson是阿里巴巴的开源JSON解析库，它可以解析JSON格式的字符串，支持将Java Bean序列化为JSON字符串，也可以从JSON字符串反序列化到JavaBean。在使用的过程中，因为有序性问题导致踩了坑，看一下其底层源码，了解其有序性上的实现。 分析1： JSONObject ......
如何直接点vue打包生成的dist查看效果
在vue.config.js的文件中添加代码：publicPath:'./' 写完之后npm run build重新打包 双击打开dist里面的index.html就可以看到效果了 ......