课堂笔记 课堂 笔记vue

基于Vue.js和Vanta.js的动态天空颜色效果实现

背景 最近在写一个Vue项目,想要在登录界面加一个动态背景效果,搜索之后发现了 Vanta.js(https://www.vantajs.com/ )这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果,提供了多种预设。 几种效果都挺不错的,最终我决 ......
颜色 效果 天空 动态 Vanta

mall学习笔记(7)

阿尔图罗……我想你想得一顿只能吃三根糖葫芦五份麦当劳,你再不来我O麦金卡都要过期了,你什么时候到我岛上……!哪怕一发免费十连出货我也愿意! ​​​ ......
笔记 mall

vue 将html保存成pdf文件

结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
文件 html vue pdf

学习笔记8

第5章 定时器及时钟服务 1.个人计算机定时器 定时器原理 定时器是一种硬件或软件设备,用于在指定的时间间隔内产生时间戳或触发事件。在个人计算机中,定时器分为两类:实时定时器和普通定时器。实时定时器用于精确地控制实时任务,而普通定时器则用于一般性的事件控制。 定时器驱动程序 定时器驱动程序是操作系统 ......
笔记

XML文件解析库 - tinyxml2 的基础使用方法笔记

感谢MenAngel大佬的分享:TinyXml2的详解及使用 - MenAngel - 博客园 (cnblogs.com) 以下笔记主要参考的就是大佬的这篇文章。 一、我的笔记 1.使用须知 进行项目时需要tinyxml2.h和tinyxml2.cpp参与进来,xmltest.cpp是官方测试(学习 ......
使用方法 tinyxml2 tinyxml 文件 基础

第二章读书笔记

03运行超市抹零结账行为 a=float(input("商品的价格:"))print("商品总金额:",int(a))print("学号后四位:3022") 运行结果: 04计算学生成绩的分差和平均分 A=96 B=92 C=88 D=A-C E=(A+B+C)/3 print("A科目和B科目的分 ......
第二章 笔记

第二章读书笔记

22信计1班廖晟崴 学号 2022310143023 03 运行超市抹零行为 a=float(input('扫描的第一个商品价格:')) b=float(input('扫描的第二个商品价格:')) c=float(input('扫描的第三个商品价格:')) d=a+b+c print('总计:',i ......
第二章 笔记

34-Vue脚手架-组件的自定义事件(使用自定义事件优化Todo-List案例)

组件的自定义事件 1.一种组件间通信的方式,适用于 子组件 > 父组件(这里也可以使用 props 传递数据进行实现) 2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中) 3.绑定自定义事件: 1)第一种方式,在父组件中 <!--通过父组件给子 ......
事件 脚手架 组件 Todo-List 案例

vue关于render函数如何渲染v-html

render函数如何渲染v-html,两种方式(适用于搜索关键字高亮) 例子:“互联网数据” 搜索关键字"网" ==>row.htmlStr:互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
函数 render v-html html vue

[学习笔记]扩展域并查集

扩展域并查集 可以维护类似于 P1892[BOI2003]团伙 的题目。 题目中有两种关系:朋友和敌人,并规定 一个人的朋友的朋友是朋友 一个人的敌人的敌人是朋友 引入反集的概念,例如有三个人 \(a,b,c\),他们的反集为 \(a',b',c'\)。 如果 \(a,b\) 为敌人,连接 \(a, ......
笔记

vue中attrs的使用

vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来,但是又没有在props中定义的数据。(class及style除外) 2.父子组件之间数据传递的用法 爷爷组件-grandpa: <template> <div> <span>爷爷</span> <Son ......
attrs vue

vue3 + vite 的Excel表格的导入导出

一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
表格 Excel vue3 vite vue

Vue2 实现印章徽章组件

Vue2 实现印章徽章组件 需要实现的组件效果: 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
徽章 印章 组件 Vue2 Vue

[WEB安全] XSS攻击防御 Vue

一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript,但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
WEB Vue XSS

[Vue]列表渲染v-for

1. 用于展示列表数据 2. 语法:v-for="(item, index) in xxx" :key="yyy" 3. 可遍历:数组、对象、字符串(不常用)、指定次数(不常用) <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
v-for Vue for

《软件需求开发最佳实践:基于模型驱动的需求开发过程》阅读笔记一

在阅读《软件需求开发最佳实践:基于模型驱动的需求开发过程》的一到三章后,我对基于模型驱动的需求开发过程有了更深入的理解。这些章节详细介绍了需求开发的基本概念、模型和流程,以及需求获取和分析的方法,为我提供了宝贵的指导。 首先,我了解到基于模型驱动的需求开发过程是一种系统化、规范化的需求开发方法。通过 ......
需求 模型 过程 笔记 软件

《软件需求开发最佳实践:基于模型驱动的需求开发过程》阅读笔记二

在阅读《软件需求开发最佳实践:基于模型驱动的需求开发过程》的四到六章后,我对基于模型驱动的需求开发过程有了更深入的理解和实践。这些章节详细介绍了需求建模、需求验证和需求变更管理的方法和技巧,为我提供了更全面的指导。 在需求建模方面,书中介绍了如何使用统一建模语言(UML)和其他工具来构建需求模型。通 ......
需求 模型 过程 笔记 软件

《软件需求开发最佳实践:基于模型驱动的需求开发过程》阅读笔记三

在阅读《软件需求开发最佳实践:基于模型驱动的需求开发过程》的七到最后一章后,我对基于模型驱动的需求开发过程有了更深入的理解和掌握。这些章节详细介绍了需求工程的实践案例、团队协作和沟通技巧,以及持续改进和评估等方面的内容,为我提供了更全面的指导和启示。 在实践案例方面,书中通过多个真实的案例分析了需求 ......
需求 模型 过程 笔记 软件

《软件需求模式》阅读笔记一

《软件需求模式》阅读笔记与心得体会 在阅读《软件需求模式》的前四章节之后,我对软件需求模式有了更深入的理解。这本书以实用为主,详细介绍了如何分析、设计、实现和测试软件需求,对于软件工程师来说,具有很高的参考价值。 需求模式是软件开发过程中的重要环节,它描述了需求的类型、结构和行为。通过理解需求模式, ......
需求 模式 笔记 软件

《软件需求模式》阅读笔记二

在阅读《软件需求模式》的五到八章节之后,我对软件需求模式的理解更加深入。这些章节详细介绍了需求跟踪、需求验证以及需求变更管理等方面的内容,为我在软件开发过程中提供了宝贵的指导。 需求跟踪是确保软件需求得以实现的关键环节。通过阅读这本书,我了解到需求跟踪的主要目的是确保每个需求都被正确实现,并且在软件 ......
需求 模式 笔记 软件

《软件需求模式》阅读笔记三

在阅读《软件需求模式》的九到最后一章节后,我对软件需求模式的理解和应用能力得到了进一步提升。这些章节介绍了更多高级的需求模式和应用案例,帮助我更好地掌握需求工程的精髓。 在这些章节中,作者详细介绍了如何使用需求模式来解决复杂的软件需求问题。通过分析和归纳各种实际需求场景,作者展示了需求模式的灵活性和 ......
需求 模式 笔记 软件

第二章读书笔记

print("学号:3116")#3运行超市抹零结账行为a=float(input("第一个商品价格:"))b=float(input("第二个商品价格:"))c=float(input("第三个商品价格:"))d=a+b+cprint("总计",int(d))print()#4计算学生成绩的分差和 ......
第二章 笔记

33-Vue脚手架-浏览器本地存储(使用本地存储优化Todo-List案例)

什么是网络存储 在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是Web Storage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
脚手架 Todo-List 浏览器 案例 Todo

旧笔记本电脑资源紧张,查看问题记录

问题描述:使用了五年的旧笔记本运行起来特别卡 尝试:重装系统后,依然卡顿 分析:查看任务资源占用情况发现,磁盘IO资源异常紧张 得出结论:需要将旧机械硬盘更换为一个同类型的2.5寸sas固态盘 验证:待验证 截图如下: ......
笔记本 笔记 问题 资源 电脑

狂神go语言零基础教学视频学习笔记

前言 该笔记灵感来源于B站《【狂神说】Go语言零基础学习视频通俗易懂》 源视频地址:【狂神说】Go语言零基础学习视频通俗易懂 个人声明:本文记录个人在进行该视频学习中的知识总结,帮助大家能更快地进行对该视频内容的学习; 一.环境安装 下载网站:Go下载 - Go语言中文网 - Golang中文社区 ......
语言 基础 笔记 教学 视频

后缀数组 学习笔记

后缀数组 学习笔记 定义 我们定义后缀数组 \(Sa\) 中的元素 \(Sa_i\) 为,字典序排名为 \(i\) 的后缀所在的位置。我们定义排名数组 \(Rank\) 中的元素 \(Rank_i\) 为,在位置 \(i\) 的后缀的排名。 求解后缀数组 首先 \(O(n^2logn)\) 的解法很 ......
数组 后缀 笔记

黑马程序员2023新版JavaWeb开发教程学习笔记

前言 该笔记灵感来源于B站《黑马程序员2023新版JavaWeb开发教程,实现javaweb企业开发全流程(涵盖Spring+MyBatis+Springboot》 源视频地址:黑马程序员2023新版JavaWeb开发教程 个人声明:本文记录个人在进行该视频学习中的知识总结,帮助大家能更快地进行对该 ......
黑马 程序员 JavaWeb 笔记 程序

C#学习笔记之使用Access读取Excel表格

一、读取Excel表的内容(使用DataSet) 1.DataSet定义:表示数据在内存中的缓存。可以理解为,将从Excel表中读取出来的数据存入DataSet类中,之后对DataSet进行数据处理,能提高处理的速度。 2.DataSet属性和方法: ①属性 CaseSensitive:获取或设置一 ......
表格 笔记 Access Excel

laravel:多图片上传(10.27.0/前端vue)

一,相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二,前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
前端 laravel 图片 vue 10

laravel:单图片上传(10.27.0/前端vue)

一,相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二,前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
前端 laravel 图片 vue 10