qq_75112481的博客

原创 学习随笔-BFC

等经典布局 bug 的底层开关。（阻止 margin 塌陷）。也参与高度计算 → 自动。掌握 BFC = 掌握。紧挨包含块的左边框，

原创 学习随笔-setup函数

的“总入口”，也是 <script setup>原生支持（组件自动变为异步组件）（会丢响应式），需要时用。类型推导更好（TS 友好）

原创 学习随笔-hooks和mixins

data 是深合并，methods 是覆盖，hooks（生命周期）是队列，记忆成本高。同一 hook 在多个组件调用 → 各有一份 state；组件里 20 个字段，不知道谁注入的，IDE 无法跳转。里再调自己 → 无限递归，逻辑一目了然易修。函数没 return → 组件拿不到变量，（A 依赖 B 的 data），调试困难。多个 mixins 组合时可能出现。→ 后者覆盖前者，静默失败。无法只复用其中一部分逻辑。两个 mixin 都有。mixin A 里用。要求组件必须自己声明。

原创 学习随笔-Object.defineProperty和Proxy

----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】---- Vue2 用 递归劫持已存在的属性；Vue3 用 拦截整个对象的任意操作。因此：Vue2 只能对初始化时已经存在的属性做响应式；新增/删除必须走 /。Vue3 对任何新增、删除、索引访问、Map/Set 都默认响应，除非显式标记为 raw 或解构丢失引用。-> 什么时候会触发视图更新以及什么时候不会触发？Vue2 的 defineProperty 只能劫持已存在属性，新增/删除/索引必须 / 或数组重写方法

原创 学习随笔-http状态码

302 （临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。304 （未修改） 自从上次请求后，请求的网页未修改过。504 （网关超时） 服务器作为网关或代理，但是没有及时从上游服务器收到请求。502 （错误网关） 服务器作为网关或代理，从上游服务器收到无效响应。204 （无内容） 服务器成功处理了请求，但没有返回任何内容。500 （服务器内部错误） 服务器遇到错误，无法完成请求。400 （错误请求） 服务器不理解请求的语法。

原创 学习随笔-http和https有何区别

https是HTTP运行在SSL/TLS之上，SSL/TLS运行在TCP之上。所有传输的内容都经过加密，加密采用对称加密，但对称加密的密钥用服务器方的证书进行了非对称加密。此外客户端可以验证服务器端的身份，如果配置了客户端验证，服务器方也可以验证客户端的身份。http是HTTP协议运行在TCP之上。所有传输的内容都是明文，客户端和服务器端都无法验证对方的身份。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】----

原创 学习随笔-async和await

错误用 try/catch，并发用 Promise.all，别在 forEach 里串行 await。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】----微任务包括：Promise.then、async/await、process.nextTick等。async 函数必定返回 Promise，await 会暂停函数并把剩余代码注册成微任务。宏任务包括：setTimeout、setInterval、I/O操作等。即使设置为0，也要等所有同步代码和微任务执行完毕。

原创 学习随笔-require和import

---【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】----只有 import 才能 tree-shaking 与顶级 await，require 不能。require 是同步“拷贝加载”，import 是静态“只读引用”。

原创 学习随笔-TypeScript里type和interface

----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】---- 定义对象形状，尤其是需要被类实现的需要声明合并来扩展第三方类型公共 API 定义 - 错误信息更友好简单的继承场景联合类型、交叉类型元组类型映射类型、条件类型简单的类型别名复杂的类型运算

原创 学习随笔-ES6和ES5的区别

ES6：原生 import / export，静态解析，tree-shaking 友好。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】----ES6：class、extends、super，语法糖但底层仍是原型。ES5：手动拆对象、写 defaults、用 arguments。ES5：字符串拼接用 + 号，多行用反斜杠或数组 join。ES5：构造函数 + prototype 链，手写继承模板。ES6：一行解构，参数可设默认值，剩余运算符收拢参数。

原创 学习随笔-CSS选择器优先级

important>内联选择器>ID选择器>类别选择器>属性选择器>伪类>元素选择器>通配符选择器>继承选择器。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----

原创 学习随笔-Math

System.out.println(Math.rint(10.5)) // 输出10.0。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----：System.out.println(Math.round(10.5)) // 输出11。：四舍五入，double时返回long值，float时返回int值。：随机返回一个[0.0, 1.0)的数字。：四舍五入，返回double值。：取大于等于a的最小整数。：取小于等于a的最大整数。

原创 学习随笔-浏览器的渲染过程

---【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----：以上第一步到第三步都很快，相对耗时的是第四步和第五步，第四步和第五步合称为“渲染”3. 结合DOM和CSSOM，生成一棵渲染树（包含节点的视觉信息）4. 生成布局，将所有渲染树的所有节点进行平面合成。2. CSS文件转换成CSSOM。1. HTML代码转换成DOM。5. 将布局绘制在屏幕上。

原创 学习随笔-cookie和session、sessionStorage和localStorage

服务端存储，有默认有效时间，一般为30min，也可以设置有效时间，如果长时间未访问或者过了有效时间，即会失效。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----客户端存储，可以在浏览器和服务器之间传输，最大一般只有4KB，一般不会失效，可以设置有效时间。客户端存储，比较大，会话级别的临时存储，关闭浏览器窗口即删除。客户端存储，比较大，一般为5MB左右，不会过期，除非手动删除。

原创 学习随笔-回流和重绘

当DOM的变化影响了元素的几何信息（元素的位置或者大小），导致浏览器需要重新计算以确定其位置或者大小的时候，将其安放在页面中正确的位置，这个过程就叫做回流（：当一个元素的外观发生改变，但没有改变元素的几何信息（没有改变布局），只是重新把元素外观绘制出来的过程，这个就叫做重绘。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----一定会导致重绘，重绘不一定会导致。

原创 学习随笔-JS中this的指向

> 在函数里，普通函数里this指向Windows，构造函数里this指向new的对象的属性或者方法，箭头函数里没有自己的this，要看上下文的this。-> 在全局函数中，浏览器模式下this指向windows，Node.js里this指向global，在严格模式下this指向undefined。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】------> 对象方法，this指向调用该方法的对象。

原创 学习随笔-keep-alive

在组件切换的时候，可以将资源进行缓存，这样可以避免切换回来的时候还要重复渲染DOM，减少时间和性能的消耗，提高用户的体验性。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----：是vue自带的内置组件，当它包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁它们。

原创 学习随笔-Link和@import的区别

由于它是XHTML标签，除了可以加载CSS文件外，还可以定义rel连接属性，定义RSS等。link可以在页面加载的同时，加载CSS文件。可以在网页页面中导入CSS文件，也可以在一个CSS文件里导入多个CSS文件。使用@import只能等待全部页面下载完之后，再加载CSS文件（此时就可能会导致页面出现白屏）。由于@import是在css2.1的时候提出的，所以它只支持在IE5以上的浏览器才能被识别。----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】-----

原创 学习随笔-flex布局

> justify-content: flex-start（默认） | flex-end | center | space-between | space-around。-> align-items: flex-start | flex-end | center | baseLine | stretch（默认）----【希望可以帮助到大家，如有缺漏或者错误的知识点，欢迎大神们在评论区帮忙补充指正】------> flex-wrap: nowrap（默认） | wrap | wrap-reverse。

原创 学习随笔-标准盒子和怪异盒子

遵循IE浏览器的规则，其盒子内部content的高度和宽度在初始时就由div已经设置好了，添加padding或者margin之后，会减少content的空间，从而为其制造空间。：采用W3C标准，盒子内部content的高度和宽度由height和width决定，添加padding或者margin之后，content的高度和宽度也会随之增长。：width + margin（左右）。：width + padding（左右）+ margin（左右）+ border（左右）

原创 代码随想录学习笔记

代码随想录

原创 Node.js学习笔记

Node.js简介

原创 axios学习笔记

axios中文文档|axios中文网 | axios

原创 webpack学习笔记

概念 | webpack 中文文档 | webpack中文文档 | webpack中文网

原创 vuex学习笔记

— vuex官方文档。

原创 vue学习笔记

— vue官方网站。

原创 Spring框架学习笔记

Spring是分层的 Java SE/EE应用 full-stack 轻量级开源框架，以 IoC（Inverse Of Control：反转控制）和 AOP（Aspect Oriented Programming：面向切面编程）为内核。提供了展现层 SpringMVC和持久层 Spring JDBCTemplate以及业务层事务管理等众多的企业级应用技术，还能整合开源世界众多著名的第三方框架和类库，逐渐成为使用最多的Java EE 企业应用开源框架。 ①导入 Spring 开发的基本包坐标 ②编写 Dao

原创 黑马旅游网项目学习笔记

重写service方法，service方法的功能就是用来完成方法的分发，在http中有7种参数传递的方式，不过我们一般只使用POST和GET两种方式。如果没有数据，查询MySql数据库，将数据返回给前端，再将数据存入Redis数据库中。在登录成功时，我们会将user对象存入session，并且在主页上显示 " 欢迎回来，××× " 的字样。拿到URI最后一个目录层级即要执行的servlet的名称，使用反射技术执行该方法，就完成了一个方法的分发。- 当页码大于4时，页码按照前4后3的模式排列。

原创 Servelet学习笔记

原创 Tomcat学习笔记

原创 XML学习

3. Jsoup：jsoup是一款java和html解析器，可直接解析某个URL地址，html文本内容。* Jsoup：jsoup是一款java和html解析器，可直接解析某个URL地址，html文本内容。3. 引入xsd文件命名空间. xsi:schemaLocation="http://www.itcast.cn/xml student.xsd"4. 为每一个xsd约束声明一个前缀，作为标识 xmlns="http://www.itcast.cn/xml"* no：依赖其他文件。

原创 JDBC学习笔记

归还连接：Connection。2. int executeUpdate（String sql）：执行DML（insert，update，delete）语句、DDL（create，alter、drop）语句。*boolean next()：游标向下移动一行，判断当前行是否是最后一行末尾（是否有数据），如果是，则返回false，反之则返回true。当系统初始化好后，容器被创建，容器中会申请一些连接对象，当用户来访问数据库时，从容器中获取连接对象，用户访问完之后，会将连接对象归还给容器。

原创 MySQL学习笔记

1.概念：* 如果一个包含多个步骤的业务操作，被事务管理，那么这些操作要么同时成功，要么同时失败。2.操作：1. 开启事务：start transaction；2. 回滚：rollback；3. 提交：commit；3.例子：-- 创建账户表-- 添加数据INSERT INTO account(name,money) values('张三',1000),('李四',1000);-- 开启事务BEGIN;-- 转账操作-- 1. 查询李四账户金额是否大于500。

原创 Java 坦克大战项目学习阶段记录及总结

/*首先要声明的是，这个并不是坦克大战项目编写细节的过程分享，只是个人的阶段学习记录及总结,坦克大战的项目可以参考B站上韩顺平老师的视频教学*/小总结：今天刚开始，跟着视频一起学习编写坦克大战的项目，首先，我觉得对于编写一个项目，最重要的就是要构思好一个框架，比如，你写一个项目，要设几个类，每个类分别有什么作用。但是也不要太过于想提前想好要写什么方法（函数），我们只需要先构思好大的类，具体的，等到我们自己去写的时候，是可以慢慢再实现的。最重要的，一定是首先要有一个明确的思路。比如这个坦克大战的编写，目前写了

原创 Java GUI编程学习

1.包含了很多类和接口！GUI！2.元素：窗口，按钮，文本框3.java.awt4.

原创 Java IO流学习

I：Input;O：Output通过IO可以完成硬盘文件的读和写。

原创 Java异常类学习

Java中的异常被分为两大类，编译时异常和运行时异常，也叫受检异常和非受检异常。所有的RuntimeException类及其子类的实例被称为运行时异常编译时异常，必须显示处理，否则程序就会发生错误，无法通过编译运行时异常，无需显示处理，也可以和编译时异常一样处理异常在java中以类和对象的形式存在。

原创 Java多线程学习

进程是一个应用程序（1个进程是一个软件）。线程是一个进程中的执行场景/执行单元。一个进程可以启动多个线程。注意：不同的进程的内存独立不共享。一个进程内的不同线程，堆内存和方法区内存共享。但是栈内存独立，一个线程对应一个栈。假设启动十个线程，会有十个栈空间，每个栈之间，互不干扰，各自执行各自的，这就是多线程并发。Java中之所以有多线程机制，就是为了提高程序的处理效率。思考：1.使用了多线程机制之后，main方法结束，是不是有可能程序也不会结束？