vue模板vscode vue2
vue+three旋转地球
<template> <div id="container"></div> </template> <script> import * as THREE from 'three' import { OrbitControls } from 'three/examples/jsm/controls/O ......
善用 vscode 的多光标批量和模板等技巧来提效
vs code 其实有很多实用的技巧可以在日常工作中带来很大的提效,但可能是开发中没有相应的痛点场景,因此有些技巧接触的人不多 本篇就来介绍下多光标的批量操作和模板代码两种技巧在日常工作中的提效 涉及的 vs code 技巧 不要看快捷键好像很多哈,主要是了解几种可以进入多光标批量操作模式的用法 进 ......
记录一下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. 全局引 ......
模板合集(2)
三分 P1883 求单峰函数的最小值时,每次扔掉较大的一段。 求单峰函数的最大值时,每次扔掉较小的一段。 #include<bits/stdc++.h> using namespace std; typedef long long ll; ll n,a[10000+10],b[10000+10],c ......
【源码系列#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 ......
vue3 setup函数之数据
setup中定义方法: export default { name: 'App', setup(){ //定义方法 function edit() { } return { //方法与数据,必须要返回出去,不然不起作用。 edit } } } setup中ref函数定义基本数据类型与对象数据类型: ......
vue强制横屏
<template> <div id="gyroContain">111</div> </template> <style> @media screen and (orientation: portrait) { html { width: 100vmin; height: 100vmax; } b ......
vscode注释,单行注释,多行注释,文档头部注释,函数注释
单行 ctrl+/ 多行 shift+alt+a 头部注释(需要插件+配置+快捷键) 函数注释(需要插件+配置+快捷键) 另外参考 https://blog.csdn.net/weixin_38318244/article/details/115631697 ......
Vue3自定义一个Hooks,实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
vue+three,粒子星空
直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
vue通过elementUI组件实现图片预览效果 点击按钮后触发
<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
freemaker模板被注入攻击问题
1、网站报了一个路径错误,说找不到header.html模板文件,查了文件目录没有问题。 原因:可能是被攻击注入导致的 网上查了下freemarker 2.3.3之前的版本都有漏洞问题,如果没法改版本,那么可以做以下处理 借鉴博客:https://blog.csdn.net/zhangdaiscot ......
使用vscode选择目标芯片的问题
ESP-IDF使用VsCode选择目标芯片的问题 1. fullclean命令无法自动删除 d:\esp-idf\esp-idf\tools\check_python_dependencies.py:12: DeprecationWarning: pkg_resources is deprecate ......
模板方法模式
实验 24:模板方法模式 本次实验属于模仿型实验,通过本次实验学生将掌握以下内容: 1、理解模板方法模式的动机,掌握该模式的结构; 2、能够利用模板方法模式解决实际问题。 [实验任务]:数据库连接对数据库的操作一般包括连接、打开、使用、关闭等步骤,在数据库操作模板类中我们定义了connDB()、op ......
模板大全(占坑)
字符串哈希 P3370 快速幂 P1226 线性筛素数 P3383 队列 B3616 并查集 P3367 拓扑排序 B3644 Floyd B3647 三分 P1883 裴蜀定理 P4549 矩阵快速幂 P3390 乘法逆元 P3811 最小生成树 P3366 单源最短路径 P4779 负环 P33 ......