碎碎酱

今天是 2021.12.31，明天就是 2022 年了。2021 年对我来说也是开始自我治愈的一年。人生的三个阶段，承认父母平凡，承认自己平凡，承认自己的孩子平凡，目前已经到第二阶段了。

相信大部分人都已经在使用 React hooks 了，但是在开发过程中，我们要 知其然知其所以然。整理了一下最近使用 React hooks 遇到的一些问题，并附上详细答案，如果想要更加深入了解，推荐阅读文章中推荐的一些文章。 1. 组件复用逻辑难 没有hooks之前使用 re…

JS执行是单线程的，它是基于事件循环的。事件循环大致分为以下几个部分： 所有同步任务在主线程上执行，形成一个执行栈。 主线程之外，还存在一个“任务队列”。只要异步有了运行结果。就在"任务队列"中放置一个事件。 一旦"执行栈"中所有的同步任务执行完毕，系统就会读取“任务队列”，看…

vue提供了 Vue.use 的全局api来注册插件，了解它的内部实现，无论是看插件的源码，还是自己写插件，都会轻松很多。 这个方法需要在 new vue() 之前调用。 Vue.use 会自动阻止多次注册相同插件，即使调用多次也只会注册一次。 最近发起了一个100天前端进阶计…

1. 伪类和伪元素 css引入伪类和伪元素概念是为了格式化文档树以外的信息。伪类和伪元素是用来修饰不在文档树中的部分。 伪类 用于当元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，用户悬停在指定的元素时，我们可以通:hover来描述这个元素…

之前写过一篇 web安全之XSS实例解析，是通过举的几个简单例子讲解的，同样通过简单得例子来理解和学习CSRF，有小伙伴问实际开发中有没有遇到过XSS和CSRF，答案是有遇到过，不过被测试同学发现了，还有安全扫描发现了可能的问题，这两篇文章就是简化了一下当时实际遇到的问题。 跨…

可以看到 HTTPS的网站，在浏览器的地址栏内会出现一个带锁的标记。 HTTPS并非是应用层一个新的协议，通常 HTTP 直接和 TCP 通信，HTTPS则先和安全层（SSL/TLS）通信，然后安全层再和 TCP 层通信。 加密和解密同用一个秘钥的方式称为 共享秘钥加密，也被叫…

计算机不能直接理解高级语言，只能直接理解机器语言，所以必须要把高级语言翻译成机器语言，计算机才能执行高级语言编写的程序。根据语言的执行流程，可以把语言分成编译型语言和解释型语言。 编译型语言：程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件，运行时不需要重新…

JavaScript引擎的内存空间主要分为栈和堆。 栈是临时存储空间，主要存储局部变量和函数调用。 基本类型数据（Number, Boolean, String, Null, Undefined, Symbol, BigInt）保存在在栈内存中。 引用类型数据保存在堆内存中，引…