课堂笔记 课堂 笔记vue

关于 Vue 列表渲染 key 绑定 index 的性能问题

今天在学习 React 文档,列表渲染一节中提及到一个关于 key 绑定索引值(index)性能的问题: React 官方文档原文:“如果列表项目的顺序可能会变化,我们不建议使用索引来用作 key 值,因为这样做会导致性能变差,还可能引起组件状态的问题”。 查阅网上的博客,确实有对 Vue 列表渲染 ......
性能 问题 index Vue key

学习记录:第一周day01笔记

linux系统简单介绍: BCPL->New B->C->Unix->Minix->Linux->gcc为了编译LInux内核产生 美国贝尔实验室 1.cd命令: cd 文件路径:进入某个目录 / :根目录,所有文件都存储在该目录下 ~:用户主目录,linux提供一个快捷方式cd可以直接回到用户主目 ......
笔记 day 01

学习记录:第一周day02笔记

vim文本编辑器: 可以直接在终端下采用纯键盘操作的一款文本编辑器(号称编辑器之神,可以升级、可以扩展) 基础用法: 1、进入vim: 输入 vim file.c 文件存在则打开,否则新建并打开 2、输入i: 进入编辑模式,编写代码 3、保存并退出 按Esc,输入ZZ保存并退出 vim三大模式: 正 ......
笔记 day 02

学习记录:第一周day03笔记

一、数据类型 为什么要对数据进行分类? 1、现实中的数据就是自带类别属性的 2、对数据进行分类可以节约内存存储空间、提高运行速度 存储空间的单位: Bit 比特 存储1个二进制位,只能存储0或1,是计算机存储数据的最小单位 Byte 字节 存储8个二进制位,是计算机存储数据的基本单位 KB(Kb) ......
笔记 day 03

学习记录:第一周day04笔记

一、for循环语句 循环:就是一种让代码反复执行的方式,从而达到想要的效果 for循环一般会使用一个变量来引导循环的进行,这一变量叫做该循环的循环变量 i index for循环的变化很灵活,但也很危险 for循环的括号问题: 1、for循环内只有一行代码时,大括号可以省略 但是这样不利于后期代码扩 ......
笔记 day 04

学习记录:第一周day05笔记

一、数组 什么是数组:变量的组合,是一种批量定义相同类型变量的方式 定义: 类型名 数组名[数量]; int arr[5]; 注意:数组的内存空间是连续分配的,且数组的长度一旦确定就无法改变 使用:数组名[下标]; 下标:从0开始,范围:0~数量-1 可以是任意整型表达式,包括整型变量和整型常量 遍 ......
笔记 day 05

学习记录:第二周day01笔记

一、Window下获取方向键 1、导入头文件 #include<conio.h> 2、通过getch()获取键盘上的键值 上:72 下:80 左:75 右:77 二、Linux下获取方向键: 1、在Window中把getch.h文件放入共享文件夹中 2、在Linux的共享文件夹下执行 mv getc ......
笔记 day 01

学习记录:第二周day02笔记

进制转换 1、为什么使用二进制、八进制、十六进制? 因为目前CPU只能识别高低两种电平,只能对二进制数据进行计算 二进制虽然能够直接别计算机识别但是不方便人去书写和记录,因此就把二进制数据转换成八进制,方便记录到文档中 随着CPU的位数的不断增加(目前已经到64位),八进制不再能够用满足需求,因此发 ......
笔记 day 02

Vue 跑马灯效果

vue简单的跑马灯效果,直接封装的组件,引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
跑马灯 效果 Vue

ant design vue 2.0 select 二次封装组件

//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
组件 design select ant 2.0

论文阅读笔记:Parallel Iterative Solvers for Real-time Elastic Deformations (迭代法求解方程组 / 弹性形变仿真)

材料来源于 Siggraph Asia 2018 的 course note Parallel iterative solvers for real-time elastic deformations, SIGGRAPH Asia 2018 Courses, 2018. 0. 概述 在形变仿真中,许 ......

vue 监听 sessionStorage 的变化

原文链接:https://blog.csdn.net/weixin_41192489/article/details/125069656 将 sessionStorage 的变化注册为全局事件 setItem,在main.js中添加如下代码 Vue.prototype.setSessionItem ......
sessionStorage vue

《Linux4.0设备驱动开发详解》笔记

Linux4.0设备驱动开发详解 ros_study/《Linux4.0设备驱动开发详解》笔记 at master · maohaihua/ros_study · GitHub 深入理解Linux内核(完整版) ros_study/深入理解Linux内核(完整版)-笔记 at master · ma ......
设备驱动 笔记 Linux4 设备 Linux

VsCode 常用好用插件/配置+开发Vue 必装的插件

一、VsCode 常用好用插件 1、实时刷新网页的插件:LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 补充一下:LiveServer 和 ......
插件 常用 VsCode Vue

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签

Vue 评分星星显示

<el-table-column label="专业性" align="center" prop="specialty" ><template slot-scope="{row}"> <el-rate v-model="row.specialty" disabled show-score text- ......
星星 Vue

db2笔记_6_DbVisualizer编译存储过程

--1、在存储过程开头末尾加 --/ 和 / --2、create 后面不需要 or replace --/ create procedure MyProcedureName ( OUT o_ret INTEGER, OUT o_info VARCHAR(500), IN i_name VARCHA ......
DbVisualizer 过程 笔记 db2 db

new一个vue对象开始,vue内部发生了什么

new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) vue构造类里面init函数 初始化生命周期,事件,render 调用 beforeCreate 钩子函数 初始化 props、method ......
vue 对象 new

vue3+ts初学之创建一个vue3项目

(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
vue3 vue 项目 ts

Vue+Element UI 弹出文本框

效果: 代码: /* 打开审批弹窗*/ openAudit(row) { this.$confirm('请确认审核结果', '审核', { distinguishCancelAndClose: true, confirmButtonText: '审核通过', cancelButtonText: '未 ......
文本 Element Vue UI

vue3+ts初学之安装路由(router)

一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令: npm install vue-router@next --save // 安装最新版本router // 如需按版本安装,需将命令行中 next 改成相应的版本。如下: // n ......
路由 router vue3 vue ts

《前端serverless 面向全栈的无服务器架构实战》读书笔记

第1章 什么是severless 什么是NoOps 利用自动化运维代替手工运维模式 什么是severless 开发者无需关注服务器资源配置情况、部署情况、操作系统以及依赖软件等在内等所有细节,这一切都由平台完成,开发者只需要专注于业务实现。 serverless是指在应用的构建环节或应用环节都无需对 ......
前端 serverless 架构 实战 服务器

使用vue实现一个点击复制的功能

<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <button @click="copyText">复制</button> <input type="text" v-model="textToCopy" ......
功能 vue

读后笔记 -- Java核心技术(第11版 卷I )Chapter1-2 Java 程序设计

本书源码(下载对应版本的代码):https://horstmann.com/corejava/index.html Java 17 API 文档:https://docs.oracle.com/javase/17/docs/api 配套视频讲解(卷一):https://space.bilibili. ......
读后 Java 程序设计 Chapter1 核心

算法笔记

算法笔记 10个数据结构:数组、链表、栈、队列、散列表、二叉树、堆、跳表、图、Trie 树; 10个算法:递归、排序、二分查找、搜索、哈希算法、贪心算法、分治算法、回溯算法、动态规划、字符串匹配算法 股票问题系列通解(转载翻译) - 力扣(LeetCode) 数据结构和容器 基本类型: int,lo ......
算法 笔记

vue-router原理剖析

vue-router原理 单页面核心之一是: 1、更新视图而不重新请求页面。 2、vue-router在实现单页面前端路由时,提供了:hash,history hash: 兼容所有浏览器,hash的值为#/*内容, hash的改变会触发hashchange事件, history: pushState ......
vue-router 原理 router vue

min-max 容斥学习笔记

定义 设 $\max(S)$ 为集合 S 中的最大值, $\min(S)$ 为集合 $S$ 中的最小值,$|S|$ 为集合 S 的元素数量,那么有以下两个等式: $$\max(S)=\sum_{T \subseteq S} (-1)^{|T|+1} \min(T)$$ $$\min(S)=\sum_ ......
min-max 笔记 min max

0-《从0到1:CTFer成长之路》学习笔记

本人很早就买下了《从0到1:CTFer成长之路》这本书,但一直没有好好的阅读并实践这本书上的内容 《从0到1:CTFer成长之路》这本书自发布以来一直是国内CTF相关领域优秀的学习书籍,本人也是在学长的推荐下买下这本书。但在购买此书两年后才开始真正学习。 记下这篇博客,开始真正阅读这本书。 ......
笔记 CTFer

vue+element-ui+springboot使用easyExcel导出和导入Excel表格以及LocalDateTime时间类型转换问题

以下内容仅供学习使用 正文: hutool官网:https://hutool.cn/docs/#/ easyExcel官网: https://easyexcel.opensource.alibaba.com/ 一、导出Excel表格 1. 首先引入pom.xml依赖 <dependency> <gr ......

Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上

上文搭建了组件库 cli 的基础架子,实现了创建组件时的用户交互,但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数,该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。(友情 ......
组件 实战 框架 企业 Vue3