脚手架vue day 34

vue实现h5扫码

插件 html5-qrcode npm 地址 html5-qrcode 是一个基于 JavaScript 轻量级和跨平台的扫码插件。允许用户使用摄像头扫描二维码,并且解析为文本或者 url。 支持扫描不同类型的二维码和条形码 支持不同的平台,Android、IOS、Windows、MacOs 或者 ......
vue

day08 代码随想录算法训练营 344.反转字符串

题目:344. 反转字符串 我的感悟: 以为很难,其实不难。 坚持就是胜利!!!!!!!!! 理解难点: 我以为字符串不能修改,仔细看了题目发现是列表里面套的字符串 双指针,while 互相交互就可以了 代码难点: 总结概括: 代码示例: class Solution: def reverseStr ......
随想录 训练营 字符串 随想 算法

vue中watch怎么深度监听数据变化?

有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果 启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } ......
深度 数据 watch 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

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

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

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

JavaWeb - Day15 - maven高级 - 分模块设计与开发、继承与聚合、私服

01. maven高级-分模块设计与开发 1.1 介绍 所谓分模块设计,顾名思义指的就是我们在设计一个 Java 项目的时候,将一个 Java 项目拆分成多个模块进行开发。 1). 未分模块设计的问题 如果项目不分模块,也就意味着所有的业务代码是不是都写在这一个 Java 项目当中。随着这个项目的业 ......
私服 模块 JavaWeb maven Day

算法学习Day22二叉树插入和删除

Day22二叉树插入和删除 By HQWQF 2024/01/03 笔记 235. 二叉搜索树的最近公共祖先 给定一个二叉搜索树, 找到该树中两个指定节点的最近公共祖先。 百度百科中最近公共祖先的定义为:“对于有根树 T 的两个结点 p、q,最近公共祖先表示为一个结点 x,满足 x 是 p、q 的祖 ......
算法 Day 22

代码随想录 day08 反转字符串 反转字符串2 替换数字 单词反转顺序 右旋

反转字符串 经典双指针法 头尾交换 反转字符串2 难点在于模拟题目设定的条件 一开始不明白怎么模拟 后来看了一行标准源码 就明白了 设定步长就可以了 然后对迭代器位置进行约束 替换数字 本题为acm模式 也是一道双指针解题 注意这道题需要扩容之后 从后往前填充 免去了从前往后填充时需要移动元素 单词 ......
字符串 字符 随想录 随想 单词

在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

34.子查询简介

目录 子查询简介 带From关键字的子查询 带IN关键词的子查询 带比较运算符的子查询 with…as 简介 定义:子查询指一个查询语句嵌套在另一个查询语句内部,在SELECT子句中先计算子查询,子查询的结果作为外层另一个查询的过滤条件,查询可以基于一个表或者多个表。 这个特性从MySQL 4.1开 ......
简介 34

Day43 冒泡排序

冒泡排序 步骤: ​ 1.比较数组中,两个相邻的元素,如果第一个数比第二个大,我们就交换他们的位置 ​ 2.每一次比较,都会产生一个最大,或者最小的数字 ​ 3.下一轮则可以少一次排序! ​ 4.依次循环,直到结束! package com.baixiaofan.array; import java ......
Day 43

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

算法学习Day21二叉搜索树、公共祖先

Day21二叉搜索树、公共祖先 By HQWQF 2024/01/03 笔记 530.二叉搜索树的最小绝对差 给你一个二叉搜索树的根节点 root ,返回 树中任意两不同节点值之间的最小差值 。 差值是一个正数,其数值等于两值之差的绝对值。 示例 1: 输入: root = [4,2,6,1,3] ......
祖先 算法 Day 21

def 入门-渡劫 12days

接口文档 后端把接口写好后 -登录接口 /api/v1/login >post > name pwd >编码格式 -注册接口 -查询所有图书带过滤接口 # 前端人员需要根据接口文档,进行前端开发 # 前后端需要做对接 》对接第一个东西就是这个接口文档 》前端照着接口文档开发 # 公司3个人,每个人开 ......
days def 12

day38

1.今日内容概要 1.数据库存储引擎 2.字段类型之整型 3.字段类型之浮起点型 4.字段类型之字符类型 5.字段类型之日期类型 6.字段类型之枚举与集合 7.创建表的完整语法 2.sql_mode # 如何查看严格模式 show variables like "%mode"; """ 模糊匹配/查 ......
day 38

day37mysql

1.今日内容概要 主体:数据库(入门核心) 1.数据存取演变史 2.数据库软件应用史 3.数据库的本质 4.数据库的分类 5.MySQL数据库 6.基本使用 7.系统服务制作 8.基本SQL语句 2.数据存取的演变史 # 1.文本文件操作阶段 jason|123|read jason*123*rea ......
mysql day 37

day07 代码随想录算法训练营 15. 三数之和

题目:15. 三数之和 我的感悟: 加油,我可以的。不能放弃。 理解难点: 双指针 思路打开 边界考虑 代码难点: 缩进问题 continue是跳出循环条件 我以前分不清循环条件和判断条件。哈哈哈。一个是if 一个是while / for 总结概括: 只要不放弃就行!!!!!!!! 代码示例: cl ......
随想录 之和 训练营 随想 算法

谷粒商城 -day7

130、商城业务-商品上架-构造基本数据 131、商城业务-商品上架构造sku检索属性 133、商城业务-商品上架-远程上架接口 134、商城业务-商品上架-上架接口调试 135、商城业务-商品上架-抽取-测试完成 136、商城业务-首页-整合thymeleaf渲染首页 ......
谷粒 商城 day7 day

pandas day01

一、什么是数据分析: 数据分析是指对数据进行收集、处理、转换和挖掘,以发现数据中的规律、趋势和关联性,为决策提供支持和指导的过程。数据分析涵盖了数据预处理、数据建模、数据可视化、数据挖掘等多个方面的技术和方法。 二、pandas的初步使用: 2.1 安装模块 # 安装第三方库 pip install ......
pandas day 01