摘要: 基础问答 问题:谈一谈你对 React Hook的闭包陷阱的理解。 产生问题的原因:JavaScript 闭包特性 + Hooks 渲染机制 闭包的本质:函数能够访问其定义时所在的词法作用域,即使函数在作用域外执行,也可以记住定义时的词法作用域的内容,后续执行时,使用这些信息。 function c 阅读全文
posted @ 2025-09-26 16:44 Achieve前端实验室 阅读(341) 评论(2) 推荐(3)
摘要: 概述 沙箱可以简单的理解为一个虚拟机,是一个和宿主机隔离的环境,在这个环境中去运行一些不受信任的代码或者应用程序,防止不安全的代码对系统造成损害。 比如我们现在知道某个应用是诈骗软件或者病毒软件,但是我们依旧想要运行,想逆向分析他,那么我们就可以选择在电脑上安装一个虚拟机,在这个虚拟机中,我们将对摄 阅读全文
posted @ 2025-09-25 13:55 Achieve前端实验室 阅读(181) 评论(0) 推荐(0)
摘要: 简洁版 代码如下: /** * 创建用于获取文字宽度的 DOM,全局唯一 * @returns */ const createTextDom = (fontSize?: number): HTMLElement => { let dom = document.getElementById('get- 阅读全文
posted @ 2025-09-24 15:02 Achieve前端实验室 阅读(305) 评论(0) 推荐(1)
摘要: 简洁版 CSS 只需要使用 css 属性 position: sticky 即可,但是这个属性的使用有很多约束条件,有时可能并不能生效。 JavaScript 这里简化一些代码,使用 React 写了一个 hooks,使用了 ahooks 库去维护 event 和 React 生命周期。 impor 阅读全文
posted @ 2025-09-23 10:38 Achieve前端实验室 阅读(211) 评论(0) 推荐(0)
摘要: 这是对之前《Docker 容器化》文章的一个补充 在 Docker 等容器技术普及前,开发、测试、运维团队常被环境不一致、部署复杂、资源浪费、扩容低效为典型的问题困扰,这些问题不仅可能导致项目的交付周期的延后,还会引发跨团队协作矛盾,甚至导致线上故障,我们逐一来看每个问题。 环境不一致 “在我这里好 阅读全文
posted @ 2025-09-12 11:28 Achieve前端实验室 阅读(120) 评论(0) 推荐(0)
摘要: 引言 在解释docker是什么之前,我们首先应该先了解的是容器化的概念。 什么是容器?就是一个沙箱,在这个沙箱中涵盖了特定应用运行的一切依赖的内容。但他不是一个操作系统,且和底层的操作系统是隔离的。 什么是容器化?容器化就是将软件和应用所需要的所有依赖打包到一个独立的容器中,使得软件能够在不同的计算 阅读全文
posted @ 2025-09-12 11:16 Achieve前端实验室 阅读(323) 评论(0) 推荐(0)
摘要: 第一次看到 ws:// 和 wss:// 时候,感觉好高级啊,还有这种协议。 Websocket 历史 WebSocket是在2008年6月诞生的1。经由IEFT标准化后,2009年chrome 4第一个提供了该标准支持,并默认启用。于2011年由IEFT标准化为RFC 6455。 现在的浏览器均已 阅读全文
posted @ 2022-03-15 09:31 Achieve前端实验室 阅读(1056) 评论(0) 推荐(4)
摘要: 又是一个有关安全的问题。 一般情况下,我们说的水印是指图片角落上的平台用户名水印。类似于下方图片上的这种,通常只要将图片上传到平台上,平台就会在图片上嵌入水印,当然,有些平台也会提供设置是否需要显示这种水印的开关,或者设置保存的时候才会加上水印。 明水印 这种水印的实现其实是比较简单的,就是将两张图 阅读全文
posted @ 2021-05-30 21:09 Achieve前端实验室 阅读(2670) 评论(10) 推荐(11)
摘要: XSS(跨站脚本攻击),聊两句,五毛的。 XSS的危害: 窃取Cookie,盗用用户身份信息 这玩意儿是大多数XSS的目标,也好解决,可以先治个标,直接设置HttpOnly=true ,即不允许客户端脚本访问,设置完成后,通过js去读取cookie,你会发现document.cookie 无法读取到 阅读全文
posted @ 2020-12-27 16:22 Achieve前端实验室 阅读(528) 评论(0) 推荐(1)
摘要: 问题:edge浏览器下,固定列的边框消失 原因:ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列,这两个指令的实现css3中的标签: position: -webkit-sticky !important; position: sticky !important; 阅读全文
posted @ 2020-07-13 17:21 Achieve前端实验室 阅读(1431) 评论(0) 推荐(1)