项目vue 03 01
vue书写风格API
Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp ......
Gin 项目引入热加载
一、什么是热加载 热加载（Hot Reloading）是指在应用程序运行时，对代码进行修改后，系统能够自动重新加载这些修改，而无需停止和重新启动整个应用程序。这使得开发者能够在不中断应用程序运行的情况下进行代码的调试和修改。 热加载的主要目的是提高开发效率，减少开发过程中的重复操作，以便更快地验证和 ......
01 Redis 简介
1. Redis的历史和背景 Redis（Remote Dictionary Server），是由意大利工程师Salvatore Sanfilippo（别名antirez）于2009年开发的。最初，它是为了解决他的公司在提供实时Web日志分析服务时遇到的性能瓶颈而设计的。Redis因其出色的性能、简 ......
饮冰十年-人工智能-ArangoDB-01-初识ArangoDB
引言： 在当今不断发展的数据库领域，多模型数据库引起了广泛关注。其中，ArangoDB作为一种多模型数据库，吸引了众多开发者和企业的目光。本文将介绍初学者如何入门ArangoDB，以及它为什么在当今数据管理场景中占据重要地位。 官网链接： ArangoDB Documentation 一、Arang ......
浏览器中代码(html+js)高亮，并显示行数 （Vue框架）
最终效果 选型 highlight.js + highlightjs-line-numbers.js 实现 高亮代码 <code v-html="code"></code> import hljs from 'highlight.js/lib/core'; // 引入hljs hljs.regist ......
基于springboost开发web项目关于如何启动的一些拙见
在学习完web开发后重新看ppt的时候发现了一些类没有main方法也可以启动并且未经含main方法的类调用就可以直启动项目，像controller，service等这种类没有main也可以接受并给前端反应数据，之后经过与Jackal的小探讨和网上搜索了一些资料，感觉可以这样理解（不懂对不对，在后续项 ......
docker环境项目
一、Docker技术 1、与虚拟机区别 2、docker优点 3、docker常用命令 （1）搜索镜像 -最好下载星级别高的镜像 docker search tomcat docker search tomcat:7.1 （2）查看宿主机有哪些镜像 docker images （3）从仓库拉取镜像 ......
vue-router的使用，以及路由守卫的使用，复制直接用！
安装完路由，我们在更目录创建一个router的文件夹，然后在文件夹下面新建一个index.js文件 index.js import Vue from 'vue' // 引入VUE实例import VueRouter from 'vue-router' // 引入vue路由 Vue.use(VueRo ......
Vue2入门之超详细教程十二-列表渲染
1、简介 V-for指令: 1. 用于展示列表数据 2. 语法：v-for=”(item,index) in xxx ”:key=”yyy” 3. 可遍历：数组、对象、字符串(用的很少)、指定次数(用的很少) 学习Vue之前最后会一些HTML和CSS的基础知识，HTML基础知识 传送门，CSS基础知 ......
2024年 大三 加分项目
学号：20213775 姓名：李家尧 班级：信2105-3 1.通过软件设计师考试 2.本学期谈恋爱： 恋爱日期：9.30 对象姓名：林小雨 信2101-3班 20213806 ......
如何介绍项目
大家面试如何谈项目经验呢？ 1 Allenxup · 7 天前 · 2303 次点击 面试时候聊聊技术知识还好，一问项目就感觉和对方聊的不是愉快，项目描述的很模糊 项目确实也是我自己做的。比如介绍一个 [车辆管理] 模块，但是就是普通的 CURD ，比如车辆基本信息维护，车辆的运输状态维护，证件信息 ......
vf01 改值增强
RV60AFZZ ***INCLUDE RV60AFZZ . ************************************************************************ * * * This include is reserved for user modifi ......
2024-01-04 每日一练
LeetCode 每日一题 2397. 被列覆盖的最多行数 问题 给你一个下标从 0 开始、大小为 m x n 的二进制矩阵 matrix ；另给你一个整数 numSelect，表示你必须从 matrix 中选择的 不同 列的数量。 如果一行中所有的 1 都被你选中的列所覆盖，则认为这一行被 覆盖 ......
Angular | 项目配置（angular.json、envrionment、proxy、tailwind）（三）
1.angular.json 和 package.json 配置部分详解 angular.json 是angular 项目的一些默认的配置，包括不限于运行命令、打包配置、unit test 配置 package.json 是node 项目的npm 包管理文件，但其中会涉及到一些angualr ......
# vue3 插槽 slot 使用
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl ......
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
记录一下vue中的异步循环
刚开始是在使用文件上传的时候，多个文件上传进度进行显示，然后在多文件上传的时候发现，会一次性进行全部上传，查了一下发现是因为js是单线程的，所以会有这个问题 于是开始寻找异步循环的方法，代码如下 async submitCreateImgUrl(){//批量上传 this.submitLoading ......
项目部署学习笔记（一）—— 建站准备
一、简介 项目部署是指将软件、应用程序或系统从开发环境转移到目标环境的过程。在项目开发完成后，为了让其能够在实际运行环境中正常工作，需要将项目部署到生产环境或目标环境中。这个过程通常涉及将项目的源代码、数据库、配置文件和其他必要的资源复制到目标服务器或设备，并进行必要的安装、配置和测试工作，确保项目 ......
vue实现h5扫码
插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码，并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台，Android、IOS、Windows、MacOs 或者 ......
vue中watch怎么深度监听数据变化？
有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
vue音频（监听播放完成）
<template> <div> <audio ref="audio" :src="audioSrc"></audio> <button @click="playAudio">播放</button> <button @click="changePlaybackRate(1.5)">加速</butto ......
[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 ......
vue3 表单封装遇到的一个有意思的问题
前言 最近在用 vue3 封装 element 的表单时遇到的一个小问题，这里就简单记录一下过程。话不多说直接上代码！！！ 正文 部分核心代码 import { ref, defineComponent, renderSlot, type PropType, type SetupContext } ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
一款神仙级SpringCloud微服务开源项目，接私活吊到不行！(附源码)
一个由商业级项目升级优化而来的微服务架构，采用SpringBoot 2.7 、SpringCloud 等核心技术构建，提供基于React和Vue的两个前端框架用于快速搭建企业级的SaaS多租户微服务平台。 ......
【源码系列#05】Vue3响应式原理（Ref）
proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换 ......
vue图片由小放大
原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
24-数码管动态显示03
数码管动态显示 二进制码转变为BCD码 动态显示驱动模块,是将传入的待显示的十进制数据,转换为位选和段选信号,传入的数据data是由数据产生模块产生的 二进制表示的十进制数需要转变为BCD码表示的十进制数,从而产生位选和段选信号 BCD码是使用四位二进制数表示二进制数 BCD码分为有权码(8421码 ......