事项vue cli 01
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
vue3.0之表格拖拽-最简单的表格(不带层级/树级)
const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
vue项目创建和插件依赖安装
1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖： npm install bootstrap npm install @po ......
Vue检测密码复杂度方法
Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
VUE
一、Vue定义及简介 1、Vue定义 关于Vue简介，百度百科给出的解释是：Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单 ......
Vue脚手架中加入Vuex全局状态管理中间件
WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
day01 代码随想录算法训练营 704. 二分查找
题目： leetcode 704. 二分查找 感悟： 困扰我多年的二分查找对于边界的判断，我终于理解了。 难点： 难点1：定边界right right = len(nums)还是len(nums)-1 难点2：while循环 while left < right 还是 left <= right 难 ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
vue2中 watch和computed的区别
计算属性（Computed）： computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时，才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的，不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法，可以更灵 ......
重学Vue之 死磕原理
学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
01 Xilinx vitis安装
1 Vitis概述 Vitis 统一软件平台可实现在 Xilinx 异构平台（包括 FPGA、SoC 和 Versal ACAP）上开发嵌入式软件和加速应用。它可为边缘、云和混合计算应用加速提供统一编程模型。 利用与高层次框架的集成，通过加速库采用 C、C++ 或 Python 进行开发，或者使用基 ......
vue2添加反向代理解决跨域问题
编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
使用命令行创建vue3+Typescript的uni-app
目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板：GitHub仓库地址，克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
vue插件
介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插 ......
01简介
状态颜色对于不同的状态，属性有不同的颜色和菜单项。灰色 没有动画化黄色 当前帧是关键帧绿色 当前帧不是关键帧(数值位于插值曲线)橙色 修改过数值的非关键帧(数值偏离插值曲线)紫色 受驱动器控制绑定绑定是通常用于向物体添加控制的通用术语，通常用于动画。绑定经常涉及使用到一个或多个下面的功能：骨架 用 ......
01修改器简介
修改 修改 组修改器是类似于 形变修改器 (见下文)，不过不会直接影响物体形状，但会影响物体的一些其他数据，比如顶点组。生成 这些是建设性/破坏性的工具，能够影响整个网格的 拓扑 。它们可以改变对象的整体外观，或添加新的几何图形到对象。形变 与上面的 生成 不同，它们只改变对象的形状，而不改变其拓扑 ......
01 FPGA流水灯实验
软件版本：VIVADO2021.1 操作系统：WIN10 64bit 硬件平台：适用XILINX A7/K7/Z7/ZU/KU系列FPGA 登录米联客(MiLianKe)FPGA社区-www.uisrc.com观看免费视频课程、在线答疑解惑！ 1 概述 本章课程以大家熟悉的流水灯为例子，详细讲解了V ......
vue解决跨域问题
1、什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，同源是指 两个页面具有相同的 协议+主机+端口号，它是浏览器最核心也是最基本的功能。如果没有同源策略浏览器将会十分的不安全。 2、如何解决跨域问题 1）使用jsonp 2）使用jquery ajax 3）在vue开发中实现跨域，通过在devS ......
安防视频监控系统EasyCVR实现H.265视频在3秒内起播的注意事项
一台16核32进程的服务器可以同时转码30路左右的H.265的视频流（cpu消耗80%，内存消耗60%），极限情况下可以转码41路。 ......
vue2 自定义插件
自定义插件的基本使用： let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......
海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案
最近新需求项目集成WebSDK_V3.3.0的视频插件，开发过程中遇到了一些问题，如下： 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下： 如果你也有类似问题请往下看 首先 开发包如下： 1.无法正确引入插件 ......
vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式
前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码，界面 ......
vue2学习按钮点击（转载）
Vue2学习笔记:v-on Vue的事件： v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍： 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
Vue-Cli脚手架
1.搭建Vue-Cli脚手架 1.1.安装npm NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
01-Mysql介绍及安装
关系型数据库的特点 二维表 典型产品Oracle传统企业，MySQL是互联网企业 数据存取是通过SQL 最大特点，数据安全性方面强（ACID） • NoSQL：非关系型数据库（Not only SQL） 不是否定关系型数据库，做关系型数据库的的补充 想做老大，先学会做老二 • NoSQL特性总览 – ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
vite+vue3 打包后页面空白现象
使用vite打包之后运行index.html空白，打开控制台发现报错: 解决方法： 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
代码随想录day 01 二分法与快慢指针
二分法题目： 实现代码如下： 值得注意的是实现的方法是利用左闭右开区间还是左闭右闭区间 根据选择的不同，判断条件不同 将迭代的值带入到条件看符不符合区间要求就不会混淆二者 快慢指针题目： 本题实际上可以通过二重for循环暴力求解，复杂度是O(n^2) 但是测试过程中发现超时遂放弃 利用快慢指针在数组 ......
vue3横向时间轴展示
架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat ......