摘要：
缓存的目的 主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。 强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存，显示的 HTTP 状态码是 200 ，强缓存又分为 Disk Cache (存放在硬盘中)和 Memory Cache (存放在内存中)，存放的位置是由 阅读全文
摘要：
欢迎阅读本系列其他文章 【前端调试】- 更好的调试方式 VSCode Debugger 【前端调试】- 断点调试的正确打开方式 【前端调试】- 借助Performance分析并优化性能 分析： 下面的代码就是一个按钮，点击之后创建一个数组，执行一些计算。 很常见的逻辑。 我们最后加了一个 conso 阅读全文
摘要：
欢迎阅读本系列其他文章 【前端调试】- 更好的调试方式 VSCode Debugger 【前端调试】- 断点调试的正确打开方式 介绍 首先简单过一下Performance的使用，打开网页点击控制台Performance,录制5s的数据 其中 Main 这部分就是网页的主线程，也就是执行 Event 阅读全文
摘要：
Hooks模拟constructor Hooks模拟constructor constructor(){ super() this.state={count:0} } const [count setCount]=useState(0) Hooks模拟componentDidMount useEff 阅读全文
摘要：
CSRF 流程 CSRF攻击有着如下的流程： 受害者登录a.com，并保留了登录凭证（Cookie）。 攻击者引诱受害者访问了b.com。 b.com 向 a.com 发送了一个请求：a.com/act=xx。浏览器会… a.com接收到请求后，对请求进行验证，并确认是受害者的凭证，误以为是受害者自 阅读全文
摘要：
在一些数据不被需要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收，以释放有限的内存空间 不同语言的垃圾回收策略 通常情况下，垃圾数据回收分为手动回收和自动回收两种策略。 如 C/C++ 就是使用手动回收策略，何时分配内存、何时销毁内存都是由代码控制的，你可以参考下面这段 C 代码： // 在 阅读全文
摘要：
本地存储小容量 cookie 1)http是一种无状态的协议,所以每次客户端请求服务器的时候都是'初次见面',所以每次接收用户请求时,都是无法确定用户的身份, 2)为了解决这个无状态问题,会在登录成功时,服务端再响应头中存储着cookie信息服务端给用户下发cookie的数据(假设是一张小票), 3 阅读全文
摘要：
HTTP 缓存 缓存的目的 主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。 强缓存 不需要发送请求到服务端，直接读取浏览器本地缓存，显示的 HTTP 状态码是 200 ，强缓存又分为 Disk Cache (存放在硬盘中)和 Memory Cache (存放在内存中) 阅读全文
摘要：
我们有时候会不知道断点打在什么地方，比如想知道dom什么时候被修改的，网络请求在哪里 ，什么情况才断点。类似情况有很多，需要对应使用不同的打断点方式才可以提高效率,本文演示已VSCode Debugger为主，其实跟chrome是大同小异，不过更加直观方便。可以参考该文章 【前端调试】- 更好的调试 阅读全文
摘要：
用 VSCode 打开项目目录，创建 .vscode/launch.json 文件或者点击调试窗口: 点击添加配置可以生成默认的配置 runtimeExecutable： 可以指定对应的浏览器，路径是你浏览器安装的位置 url: 把访问的 url 改为开发服务器启动的地址 进入调试窗口，点击启动： 阅读全文