源码extend vue
vue3 + TS + three初始化搭建
这段时间一直在学习three，vue3 和TS 一直有了解但做项目都没有使用，趁着有时间，想着自己做个小demo检测所学成果。 安装three，@types/three，我使用vue创建项目，TS版本和three 不兼容，然后又下载的最新版本。 然后封装一个类，初始化场景，相机，控制器，渲染器，后期 ......
0010Java程序设计-springboot+vue影院售票系统设计与实现
## 摘 要 看电影已经成为了人们生活中不可缺少的一部分，电影院售票及管理系统是电影院的日常管理及售票任务的核心， 在电影院中， 工作人员并非只是放映电影， 还有诸如票房统计、影片放映、影片场次安排、影片售票金额统计等繁琐的工作， 完成这些工作量需要很大的时间及精力，在未使用软件管理之前， 只能人工 ......
vue+Spring Boot+nginx 部署项目遇到问题
##1、 前端图片资源404 图片放到`public/images/background.png` 下部署到服务器上找不到 **解决：** `url('/public/images/background.png')` ##2、 前端访问后台接口404 nginx配置有误，按下面修正 ###后端 ![ ......
01-vue简介
中文官网：Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式，就是Vue可以自底向上逐层的应用，对于简单应用只需要一个轻量小巧的核心库，对于复杂应用可以引入各式各 ......
vue中scoped原理
vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时，它的css样式就只能作用于当前的组件，通过该属性，可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识，给组件中的每个标签对应的do ......
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。 ......
vue组件级别的权限控制
**核心思想：尽量减少对组件的侵入性，也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
vue
### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js，然后复制下来，创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
Vue简单浮动标签(simple floating labels)
简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件，支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
滚动到底部的Vue指令插件
简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件，用于Vue.js 2，当在该元素中添加新内容时，滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性： 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放， 没有j ......
java 支持 超大上G,多附件上传源码
上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。 一开始以为是session过期或者文件大小受系统限制，导致的错误。 查看了系统的配置文件没有看到文件大小限制， web.xml中seesiontimeout是30，我把它改成了120。 但还是不行，有时候10分钟就崩了。 同事说 ......
Vue 密码强度测试器(Password Strength Meter)
简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
vite + vue3 自动导入点击路由刷新问题记录
export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
Vue3实战06-CompositionAPI+<script setup>好在哪？
Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来，可在任意需要的地方复用。 基于组件去搭建应用，可实现对业务逻辑的复用。如有其他页面也需要用到这功能，直接复用。 然后，就可基于新语法实现清单应用。 把之前的代码移植过来后，使用ref包裹的响应式数据。修改tit ......
2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)
一、概述 在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢，可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js，要保证你的计算机上已经安装过Node.js。可以参考前面的文章：htt ......
element-ui源码修改记录
## 1、介绍 本项目是基于element-ui@2.15.14的基础上，二次修改源码，封装的ui组件，在此特别感谢[elemen-ui组件库](https://github.com/ElemeFE/element) ## 2、更新功能 ### 2.1在el-cascader组件的基础上，添加了只多 ......
ubuntu 20.04源码编译安装ros2 humble
# 虚拟机 官网下载`ubuntu-20.04.6-desktop-amd64.iso`,创建新的虚拟机，虚拟机配置如下 ![](https://img2023.cnblogs.com/blog/3098738/202309/3098738-20230907141131496-2040881468. ......
Uchardet C++源码编译步骤 文本编码检测命令行工具 Command line
从官网 https://www.freedesktop.org/wiki/Software/uchardet/ 下载源码 https://www.freedesktop.org/software/uchardet/releases/ 下载编译工具：Cmake 和 mingw64https://cma ......
app直播源码，js在div里让它在内容更新时自动滚到底部
app直播源码，js在div里让它在内容更新时自动滚到底部 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /></ ......
新建vue项目(vue@3.3.4)
一，通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二，运行vue项目： 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
npm:安装@vue/cli(5.0.8)
一，安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
vue 图片加框及文字标注，并可返回base64
// 图片添加标注并转为base64,用于对图片某个地方画框标注文字 /** * 获取table可视化高度 * @param imgUrl 图片地址 * @param markInfo 标注信息，markInfo.target是标注画框的坐标，markInfo.text为标注文字，默认标注在画框的右 ......
VUE后台管理系统(三) 项目引入Echart
### 项目引入`Echarts.js` - 安装依赖 ``` - npm install echarts ``` - 新增`lineChart组件`,用来展示`折线图` ``` - 准备容器 - 生成echart实例 - 实例.setOption({}) # 一堆的配置... ``` ``` ## ......
vue本地连接多个服务器
通过配置代理的方式： 后端接口在浏览器已通  前端接口： ![](https://img2023.cnblogs. ......
Java程序员学vue3最好的方式就是搭建后台管理模板
作为Java程序员，vue3还是有必要学的，我推荐学会了vue3基础的Java工程师，尝试搭建自己的后台管理模板，这是提高vue3熟练度最快的方式。 ......
直播系统源码，系统分析篇：不可或缺的云转码系统
云转码系统作为直播系统源码平台不可或缺的系统之一，它的根据不同设备终端与网络状况等因素变换质量，让平台用户能够在不同的时间和地点享受到高清、低延迟的优质体验，并且可以在多种场景中起到关键的作用，云转码系统使直播系统源码平台具有广泛的应用前景和价值。 ......
vue3 mitt快速上手
为什么要使用mitt？因为vue3已经没有提供配套的事件总线bus，需要使用第三方库mitt来完成vue2中bus完成的事情 第一步：安装mitt npm install mitt1第二步：在项目的js文件中导入mitt（局部注册） // mitt.js文件import mitt from 'mit ......