课堂笔记 课堂 笔记vue
《代码大全》阅读笔记02
第三章 软件创建的先决条件 一. 前期准备的重要性：在本节中主要讲述了前期准备在整个软件开发过程中的重要性。 创造出高质量的项目的实践方法是在项目的前期，中期和后期都强调质量。项目的后期主要是测试，只是质量保证的一个策略，虽然会发现一些Bug，但是类似“程序的结构错误”，“使用错误的方法制造了这个产 ......
vue build index直接打开静态页面
vite + vue3 打包的文件，如果使用类似于nginx或者其他的服务器打开，可以正常打开，但如果直接点击打开index.html文件，页面会白屏，打开调试工具后发现如下跨域的报错。 这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰，因为在这种场景下，是有需要直接打开ind ......
Vue3
Vue3介绍 Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking（摇树--清除死代码进行优化） 3.拥抱TypeScrip ......
《软件工程：一种实践方法》阅读笔记二
《软件工程：一种实践方法》是一本经典的软件工程教材，它以系统化的方式介绍了软件工程的核心概念和方法。读完这本书后，我对软件工程的理解更加深入，同时也获得了许多实用的技巧和经验。首先，这本书强调软件开发应该是一种工程化的过程，与传统的手工制作相比，它需要使用科学的方法和规范化的流程来确保产品质量和项目 ......
Vue-router的使用、路由守卫、localStorage
一、路由的使用 以后，就是组件的切换实现页面切换的效果 》 必须借助于vue-router来实现。 在App.vue中： <router-view/> > 显示组件 > 在router/index.js中配置 <router-link :to="about_url"> > 做页面组件的跳转的 基本使 ......
《架构师之路：软件架构之美》第二章读书笔记
第二章的主题是 "Programming Paradigms"（编程范式），该章讨论了不同的编程范式以及它们如何影响软件架构的设计。以下是该章的一些主要观点和内容： 编程范式概述：该章首先介绍了编程范式的概念，说明了编程范式是一种编程风格或方法论，它影响了代码的组织方式和设计方式。 常见的编程范式： ......
猫树 学习笔记
猫树是什么？ 猫树，是 immortalCO 在 这篇文章 提出的一种类似线段树的数据结构。猫树可以处理支持结合律的信息，如区间最大值、区间最大子段和、区间 \(\gcd\) 等。在维护的信息可以 \(\mathcal{O}(k)\) 合并时，猫树能用 \(\mathcal{O}(kn\log n) ......
第五周课堂总结
第三章：用户管理 3.1.1用户标识：UID和GID 用id命令查看当前用户登录信息 每个文件都有一个所有者，使用ll命令可以查看文件的所有者 使用“ps aux | less”命令查看进程 3.1.2用户/组相关文件 在Linux系统中，所有用户的用户的用户和密码都存放在/etc/passwd和/ ......
梦段代码阅读笔记02
1、对该项目的人的认识 不得不承认的一点是，这个项目的基础特别棒，在万众瞩目下开启开发的旅程，历时七年，在完工之际，已经没有人为之喝彩； 项目团队人人都很优秀，在我眼里，他们不仅仅是久远时光里的一个出名的项目团队，他们还是独一无二的编程“疯子”，他们热爱编程、享受编程， 不屑于将自己的精力放在查找前 ......
vue-day07
vue-router使用 以后用组件的切换来实现页面切换效果，必须借助于vue-router来实现 vuex学过的： <router-view/>，显示组件，位置在router/index.js中配置，提供的 <router-link :to="about_url">作业面跳转 基本使用 写一个页面 ......
ACAM 学习笔记 | 附 YbtOJ 全部题解
怎么有人现在才学 ACAM 呢。 好像比 SAM 简单挺多啊，也不记得当时是哪里看不懂。 AC 自动机（✔） 自动 AC 机（✘） 概述 ACAM(Aho–Corasick Automaton)，是用来解决多模式串匹配的字符串算法。它的结构是个 DAG，其中点表示状态，边表示转移。这一点上各种自动机 ......
Atcoder ABC321 笔记
A - 321-like Checker \(\color{gray}{22}\) 直接模拟 void solve() { int n; cin >> n; int lst = -1; for(int i = n; i; i /= 10) { int u = i % 10; if(u <= lst) ......
CS61A: Structure and Interpretation of Computer Programs 笔记
Functions Environment Diagrams：左侧为 Frames，右侧为 Objects。 Name 类似变量名，它们存储在 Frame 中，指向各种各样的 Objects，比如值或函数。一个 Name 同时只能指向一个 Object，但可以改变自身指向，不受“类型”影响（Name ......
记录--Vue3 + Fabricjs 定制国庆专属头像
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 生在国旗下，长在春风里！国庆将至，采黎为大家带来 定制头像2.0（国庆头像），让我们用代码的形式为祖国庆生！欢迎大家点赞收藏加关注哦 前言 想看效果或者想定制春节头像的小伙伴请直奔 效果区域； 想一睹定制头像2.0小工具的原理及实现思路请 ......
舞蹈链学习笔记
Dancing Links X 1. 问题引入 给定一个 \(N\) 行 \(M\) 列的 \(01\) 矩阵 \(A\)（\(N,M\leq 500\)），选出若干行 \((T_1,T_2,\cdots,T_k)\)，使得 \(\forall j\in [1,m],\sum\limits_{i=1 ......
vue3项目结合antdesignvue封装form表单及校验
效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt ......
力扣刷题笔记-06 N字形变换
06 N字形变换 不要混日子，小心日子把你混了 对于题目的理解 比如说，我给一个字符串，LEETCODE，行数为3，然后按照N字形排列，就是下面这个排列方式。排列完之后正常读取，结果就是LCETOEED。这叫做N字形变换。 这个例子里给的行数就是3，往下排三行，然后往右往上走。 chatGPT 思路 ......
vue3项目table表格动态表头生成+行数据合并
这两处地方是动态的，由后端数据返回 思路流程 1，后端返回数据二次处理 2，根据后端数据生成动态表头 3，利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns=" ......
Vue3 - provide 提供的异步数据 inject 得到的数据 undefined 或 null
如下所示，父组件（祖先组件）通过 provide 函数向所有后代组件传递 prop。但是这两个 Ref 类型的数据最开始没有，需要等到 onMounted 初始化之后才有值。此时会遇到两个问题 后代组件在 setup 函数中或者 onBeforeMount 等非常早的周期中调用，可能获取的是 und ......
网易云课堂收钱观看之Vue
看网易云收费课程有感之Vue 命名规则： 小驼峰 camelCase eg:函数,变量 大驼峰：PascalCase eg: JS类 vue里compents下的组件 大写开头 短横线隔开式kebab-case(又称烤肉窜) eg：自定义组件使用的时候 <my-table/> 传递属性时使用 <my ......
vue，用户可操作权限判断，数据创建人判断
需求： 需要判断登录用户是否有对应的操作权限，有则显示对应的操作入口。 判断某物的创建人是否为当前用户，是则可进行删除或修改操作。 调用以下函数。userId为当前登录的用户id； ......
Python学习笔记2
def double(a): """两倍 处理 三个引号可以多行注释, 3个单引号也可以用来多行注释 """ return a * 2 a = double(5) print(a) if isinstance(a, int): #检测是否是某个类型 print("a是整数") print(True ......
vue3项目封装支持搜索，选中不可选，选中的数据项支持上下移动，删除的上下穿梭的树状穿梭框
1，vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两 ......
c的基本语法（课上笔记）
"#"的意义 预处理，在编译时进行内容代替 scanf 对于scanf(""); 引号中内容为必须输入的内容。 当输入多个数据时，默认输入的数据间以空格或者回车分开。 对于int，直接相除为向下取整 14.0f格式即表示(float)14.0 定义常量的方法 #define CSP o 表示将CSP ......
Spring-Boot-Starter 学习笔记（1）
Spring-Boot-Starter 1. 准备配置类和 Bean 对象 Spring Boot 提供了两个注解： @Configuration：Spring 提供的配置类注解，作用在类上，代表整个类是个 Spring 配置类，对照传统的 Spring XML 配置文件。 @Bean：作用于方法上 ......
Flex布局笔记
重要属性 flex-direction flex-wrap flex-flow justify-content align-items align-content 其他属性 order flex-grow flex-shrink flex-basis flex align-self 学习地址 htt ......
vue中的this.$emit方法
作用：用于子组件中触发父组件方法并传值 使用： //子组件中 <template> <button @click="handleChildEvent">子组件中触发的事件</button> </template> <script> export default { name:'ChildCompon ......
软考笔记(1)--操作系统
前言 操作系统模块属于基本知识范畴，通常会在单选题中出现，约占2～5分左右。主要知识结构如下图示： 一、基本知识点 操作系统是计算机系统中的核心系统软件，负责管理和控制计算机系统中硬件和软件资源，合理地组织计算机工作流程和有效利用资源，在计算机和用户之间起接口的作用。 操作系统的特征包括：并发性、共 ......
vue中的forceUpdate方法
适用场景： 如果要改变data中的对象或者数组，会发现data数据改变了，但是页面上并没有更新 如： this.list[index].sex = '男'; 此时要想更新可以使用 this.$set(this.list[index],'sex','男') 也可以使用 this.list[index] ......