springboot简易vue

vue音频(监听播放完成)

<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
音频 vue

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......

def 自定义表设置以及初步认识vue

补:基于自定义表签发token # 1 快速签发和认证# 2 定制返回格式和认证# 3 自定义登录和认证 # 4 自定义登录,自定义表 # 5 自定义认证类 路由: from django.contrib import admin from django.urls import path from ......
def vue

vue3 表单封装遇到的一个有意思的问题

前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题,这里就简单记录一下过程。话不多说直接上代码!!! 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
表单 问题 vue3 vue

vue3 vue-cropper实现图片裁剪+上传功能(组件封装使用)

效果(CV 即用) 1.安装引入 vue-cropper(官网)官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
vue-cropper 组件 vue cropper 功能

【源码系列#05】Vue3响应式原理(Ref)

proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换 ......
源码 原理 Vue3 Vue Ref

vue图片由小放大

原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
图片 vue

Springboot配置openssl生成的证书

js中使用了navigator.mediaDevices.getUserMedia来调用摄像头拍照,必须要求url是localhost或https。所以需要将SSL引入工程。 第一步:安装openssl生成SSL证书 先在http://slproweb.com/products/Win32OpenS ......
Springboot 证书 openssl

vue3 setup函数之数据

setup中定义方法: export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据,必须要返回出去,不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型: ......
函数 数据 setup vue3 vue

vue强制横屏

<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
vue

Vue3自定义一个Hooks,实现一键换肤

核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
Hooks Vue3 Vue

vue+three,粒子星空

直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
粒子 星空 three vue

SpringBoot系列---【springboot集成phoenix调用hbase】

springboot集成phoenix调用hbase 1.环境 jdk8 hbase-2.1.0 2.新建springboot,添加pom依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org ......
SpringBoot springboot phoenix hbase

springboot项目中application.properties无法变成小树叶问题解决

1.检查我们的resources目录的状态,看看是不是处在普通文件夹的状态,如果是的话,我们需要重新mark一下 右键点击文件夹,选择mark directory as → resources root 此时我们发现配置文件变成了小树叶 2.如果执行了上述方法还是不行的话,可以尝试重新指定配置文件, ......

vue通过elementUI组件实现图片预览效果 点击按钮后触发

<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
组件 elementUI 按钮 效果 图片

【类型转换】使用c#实现简易的类型转换(Emit,Expression,反射)

【类型转换】使用c#实现简易的类型转换(Emit,Expression,反射) 引言 哈喽。大家好,好久不见,最近遇到了一个场景,就是在FrameWork的asp.net mvc中,有个系统里面使用的是EntityFramework的框架,在这个框架里,提供了一个SqlQuery的方法,这个方法很好 ......
类型 Expression 简易 Emit

在vue项目中使用TailwindCSS

在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖,然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
TailwindCSS 项目 vue

Vue封装插件

vue插件开发文档:https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
插件 Vue

vue3+vant+vite移动端H5前端项目

vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
前端 项目 vue3 vant vite

SpringBoot:优化项目打包大小的方法

https://blog.csdn.net/qq_44973159/article/details/130106544 瘦身SpringBoot:优化项目打包大小的方法1、打jar包的痛点2、瘦身思路3、开始打包4、如何启动项目1、打jar包的痛点现有的应用开发中,不论是单体架构、微服务架构,如果项 ......
SpringBoot 大小 方法 项目

简易机器学习笔记(八)关于经典的图像分类问题-常见经典神经网络LeNet

前言 图像分类是根据图像的语义信息对不同类别图像进行区分,是计算机视觉的核心,是物体检测、图像分割、物体跟踪、行为分析、人脸识别等其他高层次视觉任务的基础。图像分类在许多领域都有着广泛的应用,如:安防领域的人脸识别和智能视频分析等,交通领域的交通场景识别,互联网领域基于内容的图像检索和相册自动归类, ......
经典 神经网络 简易 图像 神经

Shellcode初探[1]: 什么是shellcode? 用chatGPT构造简易shellcode

Shellcode初探[1]: 什么是shellcode? 用chatGPT构造简易shellcode from:https://blog.restkhz.com/post/glance-at-shellcode-1 前言 我可能又要开一个系列文, 希望这次不要太监了.最近正在重新自学一些比较二进制 ......
shellcode 简易 Shellcode chatGPT

Vue3使用vue-video-player组件

1.安装依赖(亲测5.0.1版本可用,最新版本会找不到'vue-video-player/src/custom-theme.css'这个样式) yarn add vue-video-player@5.0.1 2.main.js里增加以下代码 1 import VideoPlayer from 'vu ......
vue-video-player 组件 player video Vue3

vue学习笔记2024

《Vue.js从入门到项目实战》 孙鑫v-bind用于响应式地更新HTML属性,v-on用于监听DOM事件,变量需要引号引起来v-if是彻底没有v-的命令需要把变量用引号引起来,插值{{}}则不需要v-if和v-for在同一个元素上使用时,v-if优先级高于v-for,意味着v-if不能访问v-fo ......
笔记 2024 vue

springboot的bean以及一些注解@Primary、@Qualifier

1、bean的加载顺序 spring容器载入bean顺序是不确定的,在一定的范围内bean的加载顺序可以控制。 spring容器载入bean虽然顺序不确定,但遵循一定的规则: 1、按照字母顺序加载(同一文件夹下按照字母数序;不同文件夹下,先按照文件夹命名的字母顺序加载) 2、不同的bean声明方式不 ......
注解 springboot Qualifier Primary bean

vue3 - iframe 添加 click事件 -解决

没法在 iframe 元素直接添加 @click 回调 ,会无效的 同时,想要添加点击事件,需要在 iframe 加载完成后才能绑定事件,否则也是无效 因此,正确的绑定办法是,在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
事件 iframe click vue3 vue

记录Springboot项目部署到服务器

搞了一个月,开发了一个缩减版的管理系统,主要功能:对于进入海康门禁的老师,需要填报使用记录。用Springboot开发真的是便捷,专注于业务开发,不关心底层和架构。 第一步:搭建配置服务器 服务器:虚拟机Windows2016Server 64bit,内存32G,磁盘400G Mysql:8.0.3 ......
Springboot 服务器 项目

若依、vue三级路由缓存失败

router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
路由 缓存 vue

vue中watch、methods 和 computed 的区别?

1、基本说明 1.1 computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法 ......
computed methods watch vue

vue ubuntu服务器配置

1.打包vue项目上传到服务器目录 /home/dhwww 没有权限,可以先上传到当前用户目录下,再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录: root@VM-4-11-ubuntu:/hom ......
服务器 ubuntu vue