基础问答 问题：标准的 CSS 盒子模型是怎样的？ 答案：标准盒子模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成。在 content-box 模式下，width 和 height 属性仅指内容区域的宽度和高度，元素实际占据的宽度 = wi

基础问答 问题：谈一谈你对 React Hook的闭包陷阱的理解。 产生问题的原因：JavaScript 闭包特性 + Hooks 渲染机制 闭包的本质：函数能够访问其定义时所在的词法作用域，即使函数在作用域外执行，也可以记住定义时的词法作用域的内容，后续执行时，使用这些信息。 function c

简洁版 CSS 只需要使用 css 属性 position: sticky 即可，但是这个属性的使用有很多约束条件，有时可能并不能生效。 JavaScript 这里简化一些代码，使用 React 写了一个 hooks，使用了 ahooks 库去维护 event 和 React 生命周期。 impor

概述 沙箱可以简单的理解为一个虚拟机，是一个和宿主机隔离的环境，在这个环境中去运行一些不受信任的代码或者应用程序，防止不安全的代码对系统造成损害。 比如我们现在知道某个应用是诈骗软件或者病毒软件，但是我们依旧想要运行，想逆向分析他，那么我们就可以选择在电脑上安装一个虚拟机，在这个虚拟机中，我们将对摄

简洁版 代码如下： /** * 创建用于获取文字宽度的 DOM，全局唯一 * @returns */ const createTextDom = (fontSize?: number): HTMLElement => { let dom = document.getElementById(

这是对《Docker 容器化》文章的一个补充 在 Docker 等容器技术普及前，开发、测试、运维团队常被环境不一致、部署复杂、资源浪费、扩容低效为典型的问题困扰，这些问题不仅可能导致项目的交付周期的延后，还会引发跨团队协作矛盾，甚至导致线上故障，我们逐一来看每个问题。 环境不一致 “在我这里好的，

引言 在解释docker是什么之前，我们首先应该先了解的是容器化的概念。 什么是容器？ 就是一个沙箱，在这个沙箱中涵盖了特定应用运行的一切依赖的内容。但他不是一个操作系统，且和底层的操作系统是隔离的。 什么是容器化？ 容器化就是将软件和应用所需要的所有依赖打包到一个独立的容器中，使得软件能够在不同的

无论是否是前端，作为一个程序员，我们在拿到新电脑的时候，首先需要完善我们的开发环境 一些特殊配置 有些网站的访问（如 Github）是存在不稳定的或者是被拦截的状态，对于这种网站，我们又是需要访问的情况，那么就需要一些特殊手段来访问。 Watt toolkit 这个工具箱提供一些网站的访问，如 Gi

第一次看到 ws:// 和 wss:// 时候，感觉好高级啊，还有这种协议。 Websocket 历史 WebSocket 是在2008年6月诞生的1。经由 IEFT 标准化后，2009年 chrome 4 第一个提供了该标准支持，并默认启用。于2011年由 IEFT 标准化为 RFC 6455。

又是一个有关安全的问题。 一般情况下，我们说的水印是指图片角落上的平台用户名水印。类似于下方图片上的这种，通常只要将图片上传到平台上，平台就会在图片上嵌入水印，当然，有些平台也会提供设置是否需要显示这种水印的开关，或者设置保存的时候才会加上水印。 这个水印名是我以前的博客名^-^ 明水印 这种水印的