课堂笔记 课堂 笔记vue
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
大道至简阅读笔记1
在老师的所有推荐书目中选择了读这本书，第一次看大道至简这本书很快可以从头翻到尾，可见这本书很短，但是书的内容虽然短，但是确是短小精悍，道理也是简明扼要。大道至简这本书一共有八个章节：编程的精义、是懒人造就了方法、团队缺乏的不只是管理、流于形式的沟通、失败的过程也是过程、从编程到工程、现实中的软件工程 ......
读Java性能权威指南（第2版）笔记28_线程和同步性能中
1. 同步 1.1. 代码块对一组变量的访问看上去是串行的：每次只有一个线程可以访问内存 1.1.1. 由synchronized关键字保护的代码块 1.1.2. 用java.util.concurrent.lock.Lock类的实例保护的代码 1.1.3. java.util.concurrent ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
Vue2学习笔记
VUE官网: https://cn.vuejs.org/ 参考教程: https://v2.cn.vuejs.org/v2/guide 快速入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quick Vue Example ......
[重读经典论文]zfnet笔记
1. 前言 ZFNet是一个深度卷积神经网络（CNN），由Matthew D. Zeiler和Rob Fergus于2013年在论文《Visualizing and Understanding Convolutional Networks》中提出，ZFNet就是以他们姓的首字母进行命名的，在ILSV ......
vue状态管理
Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue ......
Vue路由
路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo ......
Vue基础
1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取 ......
vue-axios
Axios 常用请求方式 get post delete put patch head request all: 发送多个请求，返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
Vue模板
<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
Django笔记八之model中Meta参数的使用
前面介绍了 model 的字段属性，字段类型，这篇笔记介绍一下 model 的 Meta 选项。 这个选项提供了一些参数，比如排序（ordering），表名（db_table）等。 但这都不是必需的，都是作为可选项，主要是为使用者提供方便的、自定义的一些用法。 以下是本次笔记的目录列表： db_ta ......
142.环形链表II——学习笔记
###题目：给定一个链表的头节点 head ，返回链表开始入环的第一个节点。 如果链表无环，则返回 null。 ####如果链表中有某个节点，可以通过连续跟踪 next 指针再次到达，则链表中存在环。 为了表示给定链表中的环，评测系统内部使用整数 pos 来表示链表尾连接到链表中的位置（索引从 0 ......
面试题 02.07. 链表相交——学习笔记
###题目：给你两个单链表的头节点 headA 和 headB ，请你找出并返回两个单链表相交的起始节点。如果两个链表没有交点，返回 null 。 ####图示两个链表在节点 c1 开始相交： ####题目数据 保证 整个链式结构中不存在环。 ####注意，函数返回结果后，链表必须 保持其原始结构 ......
24. 两两交换链表中的节点——学习笔记
###题目：给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。 示例 1： 输入：head = [1,2,3,4] 输出：[2,1,4,3] 示例 2： 输入：head = [] 输出：[] 示例 3： 输入：head ......
19.删除链表的倒数第N个节点——学习笔记
###题目：给你一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点 示例 1： 输入：head = [1,2,3,4,5], n = 2 输出：[1,2,3,5] 示例 2： 输入：head = [1], n = 1 输出：[] 示例 3： 输入：head = [1,2], n = 1 输 ......
链表理论基础——学习笔记
链表理论基础 1. 链表的介绍 链表是一种通过指针串联在一起的线性结构，每个节点由数据域和指针域组成。 2. 链表的类型 单向链表 链表的入口节点被称为头节点，链表的最后一个节点的指针域指向null。 双向链表 每个节点由数据域和两个指针域组成，分别指向前一节点和后一节点。 循环链表 链表的收尾相连 ......
707.设计链表——学习笔记
###题目：你可以选择使用单链表或者双链表，设计并实现自己的链表。 ####单链表中的节点应该具备两个属性：val 和 next 。val 是当前节点的值，next 是指向下一个节点的指针/引用。 ####如果是双向链表，则还需要属性 prev 以指示链表中的上一个节点。假设链表中的所有节点下标从 ......
206.反转链表——学习笔记
###题目：给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。 示例 1： 输入：head = [1,2,3,4,5] 输出：[5,4,3,2,1] 示例 2： 输入：head = [1,2] 输出：[2,1] 示例 3： 输入：head = [] 输出：[] 提示： 链表中节点的数 ......
203.移除链表元素——学习笔记
###题目：给你一个链表的头节点 head 和一个整数 val ，请你删除链表中所有满足 Node.val == val 的节点，并返回 新的头节点 。 示例 1： 输入：head = [1,2,6,3,4,5,6], val = 6 输出：[1,2,3,4,5] 示例 2： 输入：head = [ ......
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式（小范围） 全局事件总线 Vuex是什么？ 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高 ......
jwt 学习笔记
概述 JWT，Java Web Token，通过 JSON 形式作为 Web 应用中的令牌，用于在各方之间安全地将信息作为 JSON 对象传输，在数据传输过程中还可以完成数据加密、签名等相关处理 JWT 的作用如下： 授权：一旦用户登录，每个后续请求将包括 JWT，从而允许用户访问该令牌允许的路由， ......
关于 CancelToken 的学习笔记
最简单的例子： 1 private static async Task Main(string[] args) 2 { 3 CancellationTokenSource tokenSource = new CancellationTokenSource(); 4 CancellationToken ......
vue 代码规范 之 husky
#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
ant-design-vue循环生成多个独立的form表单
前言 后台需要的参数格式如下： info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性，每一行内容组成一个对象，如果这些对象都放到同一个form表 ......
Vue——initState【十】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析，初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中； co ......
Vue介绍与生命周期详解
一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架，用于构建用户界面，它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React，但它更加易于上手和使用。 Vue的主要特点包括： MVVM模式：Vue采用了MVVM模式，将视图(View)、数据模型(Mod ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......