课堂笔记 课堂 笔记vue
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
vue全家桶进阶之路20：ECMAScript脚本语言规范
ECMAScript（简称 ES）是一种由 Ecma 国际组织定义的脚本语言标准，它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言，因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo，其中:visible.sync控制显示隐藏，我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
K8S学习笔记之卸载K8S集群
阅读目录 0x00 概述 0x01 操作 0x00 概述 有时候需要卸载已安装在本机的K8S服务和服务，本文卸载的K8S面向使用kubeadm或者二进制方法安装的，不涉及使用rpm包安装的集群； 主要使用kubeadm reset和删除指定文件的方法，卸载K8S集群。 0x01 操作 首先清理运行到 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念：ssr（server side render）服务端渲染 优点： 1.有利于搜索引擎的SEO操作，由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备，可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点： 1.开发受限制，比如mounted生命周期钩子不能用 ......
《Java高手笔记常见100例错误》笔记
1. 用户信息错乱-ThreadLocal 问题：有时获取到的用户信息是别人的。 因为Tomcat 的工作线程是基于线程池的, 所以使用类似 ThreadLocal 工具来存放一些数据时，需要特别注意在代码运行完后，显式地去清空设置的数据，不然就有可能因为线程池复用工作线程，ThreadLocal ......
vue全家桶进阶之路19：webpack资源打包工具
Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发 ......
学习笔记：AC自动机
AC自动机的核心思想： **如果当前模式串匹配成功部分的后缀与其他某个模式串的前缀一致，则如果在下一次匹配失败时，直接匹配那个模式串的与当前模式串的后缀不同部分。**
举例： 模式串1 `abcd`，模式串2 `bcf`，模式串3 `e`。 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新？
解决方案： 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
C++基础知识学习笔记20230328
常量 C++常量定义有两种方式 #define 宏常量：#define 常量名 常量值 通常在文件上方定义，表示一个常量 const修饰的变量，count 数据类型 变量名 = 常量值 通常在变量定义前加关键字，修改变量为常量，后不可修改 ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址：https://nodejs.org/dist/v16.14.0/ （需要哪个版本就把/v后的版本号改成哪个版本） 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹： node_cache：npm缓存路径 node_global：np ......
matlab学习笔记6 积分
#求和 使用sum函数，注意其对于矩阵和向量的不同：对向量即数组和，对矩阵为把每列进行累加 也可以使用symsum函数,其作用是对符号变量求和,即 （第一个参数）公式对其因变量(第二个参数）从（第三个参数）到（第四个参数）求和 上图的的结果为n*(n+1) 第二个例子： 也可以计算无穷级数求和： # ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装： npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装： yarn add --d ......
VUE实现购物车界面
以下是一个用 Vue.js 实现购物车的简单示例： 在 Vue 组件中定义购物车数据： data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮，并绑定添加购物车方法： <button @click="addToCart(produ ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的，computed内部的函数调用的时候不需要加()。Watch是属性监听，监听属性的变化；computed是计算属性，通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存，除非依赖的响应式属性变化才会 ......
【C++学习笔记】关于头文件
为什么需要使用头文件？ 当代码中需要使用其他文件定义的函数时，因为跨文件而无法调用，只能使用#include来解决跨文件的调用，但#include实际是在编译时，把""或者<>的文件拷贝到当前文件，从而导致函数被重复定义而报错。于是把函数的声明写在一个文件中.h，把函数的定义写在另一个文件中.cpp ......
记录优化vue项目首屏加载慢的过程
##一 背景 当项目部署在外网时，前端首屏加载的平均时间是10S，通过开发者工具查看加载的包，例如chunk-libs.xxx.js的有2.9MB，因为包太大导致加载慢，严重影响了用户体验。 所以解决思路就有了两个： 能不能把包变小，下载就会快一些？ 有一些js、css不经常变化的文件能不能通过浏览 ......
VUE 大文件上传解决方案(500M以上)
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
javascript 学习笔记3
和let一样，通过 const 定义的变量不会被提升到顶端。const 变量不能在声明之前使用。 回调函数曾经是 JavaScript 中实现异步函数的主要方式。 =>的使用： function doStep1(init, callback) { const result = init + 1; c ......
TS+vite+Vue3打包报错
报错信息见上图 根据要求进行修改操作 由于vite将ts的配置文件tsconfig.json隐藏,所以在暴露出来的tsconfig.json中进行修改 根据依赖继承，能够找到现在的js版本为：ES2016 在暴露出来的tsconfig.json中增加： 再次打包后，接着代码出现不识别HTML和win ......
【C++学习笔记】关于类
如果说方法是代码块，那么类就是方法块。 头文件声明类的数据和函数，内容文件定义函数。 1.初始化列表：与构造函数相同，都是给数据成员提供数据，与构造函数不同的是，构造函数是赋值，初始化列表是初始化。特别是const 数据成员，在定义时，必须初始化，所以const数据成员可以在初始化列表中初始化，但不 ......
vue全家桶进阶之路18：Vue CLI脚手架
一切框架都是为了将开发变得简单、快捷、易操作，Vue CLI脚手架也不例外，它出自vue官方，脚手架的用意就是让开发变得像搭建房子那样标准而又有规划，它集成了很多常用的模块，更像是一个工具箱(插件集合)，很多常用的配置文件或者文件夹也直接就有了，例如：webpack。 在搭建之前我们需要确认我们有没 ......
vue3中watch的写法大合集。
VUE2的watch是一个属性写法是 watch:{ data1(newVal,oldVal){ 同步/异步操作 } } VUE3的watch则是一个函数，写法是 注意数据必须是响应式的 let num = ref(0) //watch(要监听的响应式数据,(新值，旧值)=>{更新时的回调}) wa ......
面试笔记——操作系统
什么是操作系统 操作系统 内核 系统调用 用户态 系统态 进程process与线程thread 区别 进程状态 进程间的通信方式 线程间同步的方式 进程的调度算法 死锁 四个条件 解决办法 内存管理 机制 快表和多级页表 分页和分段的共同点和区别 逻辑（虚拟）地址和物理地址 CPU寻址 虚拟内存 局 ......
vue全家桶进阶之路8：Axios的安装与HTTP请求实战
Axios是一个基于Promise的HTTP客户端，用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤： 安装Axios 可以通过npm或yarn来安装Axios：npm install axios yar ......
读Java性能权威指南（第2版）笔记30_Java服务器
1. 响应式编程 1.1. 使用基于事件的范式处理异步数据流 1.2. 和异步编程提供了相同的性能优势 1.3. 能够扩展程序（特别是扩展I/O）以处理很多连接和数据源 2. 非阻塞I/O 2.1. 有效扩展服务器的基础 2.2. 允许服务器用相对较少的线程处理相对较多的连接 2.2.1. 传统的服 ......
mysql笔记1 基本语法（待完结）
#语法样式 总的来说挺像c++的，无论是分号结尾，不强制的缩进还是/**/的注释。不过要注意它并不区分大小写，这很重要 语句分类 分为四种，定义的、增删改的、查询的、和管权限的。简称都是DxL的形式，比如增删改就是DML，M代指manipulation DDL SHOW DATABASES #所有数 ......
【C++学习笔记】关于指针
指针与类型无关，指针只是一个长度为4字节或者8字节的变量，其长度根据操作系统32还是64有关，存储的内容是内存的地址。当类型是数组或自定义类等内存块时，它的值是内存块的首地址。 int a=8; int* b=&a; void* c=&a;//任意类型的指针 int d=*b; int e=*c; ......