课堂笔记 课堂 笔记vue
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. 全局引 ......
【源码系列#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 ......
Linux驱动开发笔记(六):用户层与内核层进行数据传递的原理和Demo
前言 驱动作为桥梁,用户层调用预定义名称的系统函数与系统内核交互,而用户层与系统层不能直接进行数据传递,进行本篇主要就是理解清楚驱动如何让用户编程来实现与内核的数据交互传递。 温故知新 设备节点是应用层(用户层)与内核层交互; 使用预先的结构体进行操作,如系统open函数对应了驱动中文件操作及的op ......
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 ......
Vue3自定义一个Hooks,实现一键换肤
核心 使用 CSS 变量, 准备两套 CSS 颜色, 一套是在 light 模式下的颜色,一套是在 dark 模式下的颜色 dark 模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给 html 添加自定义属性[data-theme='dark']的时候, dark 模式权重比 ......
打工笔记---------------------------------宝塔Windows面板使用方法
宝塔Windows面板是提升运维效率的服务器管理软件,最新面板仅支持Windows Server 2008 R2/2012/2016/2019/2022,64位系统(中文简体) 使用说明书:https://www.kancloud.cn/wzznb/btpanel/2190775 安装面板 打开宝塔 ......
vue+three,粒子星空
直接贴进去就可以用。 <template> <div id="container"></div> </template> <script> //引入three import * as THREE from 'three' //引入控制器 import { OrbitControls } from ' ......
plc学习笔记
【功能码】 01 读输出线圈 02 读输入线圈 03 读保持寄存器 04 读输入寄存器 05 写单线圈 06 写单寄存器 0F 写多线圈 10H 写多寄存器 【存储区】 区号 名称 读、写 地址范围 0区 输出线圈 可读可写(bool) 00001-09999 1区 输入线圈 只读(bool) 10 ......
大模型实战营第一课心得笔记
1、了解专用模型和通用大模型,以及书生浦语大模型开源历程、轻量级、中量级以及重量级三种不同大模型系列,和其他大模型的性能对比。 2、了解从模型到应用的主要步骤以及书生大模型各步骤采取的主要技术,如训练数据,预训练、微调、开源评测体系等。 3、现有的疑问:书生中量级的使用商业成本以及具体功能性能表现, ......
vue通过elementUI组件实现图片预览效果 点击按钮后触发
<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
电脑盲如何选购笔记本避免被坑?很简单,不用别人教你也能搞定
经常有人问伟哥,笔记本电脑该如何选购。其实很简单,一是看预算,二是到某东看预算范围内的热销电脑,闭眼选就是。笔记本现在也是消费品了,没那么多讲究。 当然,如果要显得你自己更加专业或更加有逼格一点,那,在笔记本选购中,要注意两点:CPU和硬盘。 硬盘很好说,现在这时代,一定是固态硬盘了,固态硬盘容量越 ......
python笔记
一、新建python虚拟环境 python -m venv demovenv 二、配置pip源 pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple 在cmd窗口运行上述命令后会在 C:\Users\9211 ......
农村高中生源转型期提升学生二次函数建模能力的课堂探究
高中数学教学中学生数学建模能力的培养要求将数学学习与数学应用结合起来,提高学生解决实际问题和应用数学知识的能力,尤其是利用二次函数解决实际问题,促进数学学科教学水平的不断提升。 我们对学生进行数学建模思想培养研究可以让学生真正掌握数学的内涵,促进学生全面素质的提高,进一步培养学生的实践能力和创新精神 ......
HTTPS加密套件的笔记
本文于2016年5月份完成,发布在个人博客网站上。 考虑个人博客因某种原因无法修复,于是在博客园安家,之前发布的文章逐步搬迁过来。 按照如下配置(适用于Tomcat 7.0.x),为Tomcat启用了HTTPS协议,用户访问站点时是否就安全了呢? <!-- HTTP通道,跳转至8443端口 --> ......
读算法霸权笔记10_分类与群体
1. 地域经济歧视(redlining) 1.1. 问题 1.1.1. 贫穷和不公与美国黑人的高死亡率是否有关 1.1.2. 缺少好的学校、现代化的卫生设施、安全的工作场所和医疗保险是否会导致黑人在更年轻的年龄死亡 1.2. 黑人只是一个庞大的同类群体,而没有把黑人按照不同的地理、社会或经济群体进行 ......
微信小程序开发学习笔记(一)
基础介绍 首先至少会点html,css基础知识再来学,微信开发者工具打开,创建一个js开发基础模板的项目,它的目录如下:wxml就是html,wxss就是css,app开头的就是页面进来首先加载的配置,project.config.json就是一些配置设置,就是详情的本地设置的代码。 推荐学习方式: ......
学习笔记437—excel表格中向上取整数的公式
EXCEL表格中向上取整数的公式 1、打开EXCEL表格,在表格中输入数据。 2、在计算单元格内输入函数公式“=ROUNDUP(B16/40,0)”,第二个参数0,即是往上舍入取整数。 3、按下回车,表格里计算的数据全部向上舍入取整数。 ......
2023年10月份阅读笔记2
本次阅读的是《构建之法》 第五章 团队和流程 5.2 软件团队的模式 主治医师模式、明星模式、社区模式、业余剧团模式、秘密团队、特工团队、交响乐团模式、爵士乐模式、功能团队模式、官僚模式 5.3 开发流程 ①写了再改模式 ②瀑布模型(Waterfall Model) 是一个项目开发架构,开发过程是通 ......
InterLM训练营 第一课笔记
大模型在ChatGPT发布之后,成为今年最热的话题与研究方向,也有人把今年称为AI元年 通用大模型 书生·浦语大模型 开源历程 书生·浦语大模型系列 性能 从模型到应用 针对上述的步骤中所用到的不同技术,提供了不同的开源框架 数据 预训练 微调 评测 OpenCompass 部署 智能体 Lagen ......
在vue项目中使用TailwindCSS
在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖,然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
Vue封装插件
vue插件开发文档:https://cn.vuejs.org/guide/reusability/plugins.html 提前准备 需要安装vue-cli-service 可以通过以下命令安装需要的vue包 如何安装vue-cli-service - Python技术站 (pythonjishu. ......
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.可 ......