📄🦌🙌🐟🏖️
阿宏的随笔
君子不器
【每日一面】盒子模型

【每日一面】盒子模型

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

【每日一面】React Hooks 闭包陷阱

【每日一面】React Hooks 闭包陷阱

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

【每日一面】任意 dom 元素吸顶

【每日一面】任意 dom 元素吸顶

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

JavaScript 沙箱

JavaScript 沙箱

JavaScript沙箱技术深度解析:IFrame原生隔离、作用域限制、new Function执行、Proxy代理拦截、快照沙箱保存恢复三大实现方式详解。涵盖浏览器安全防护、XSS攻击防范、微前端应用隔离场景,助力安全编码。

传统软件部署的痛点

传统软件部署的痛点

深度解析传统软件部署核心痛点:环境不一致、部署复杂、资源浪费、扩容低效。详解Docker容器化技术如何通过镜像固化环境、容器减少资源消耗、仓库实现版本管理,破解部署困境,助力企业实现DevOps高效交付。

Docker 容器化

Docker 容器化

Docker容器化技术详解:通过镜像+容器架构解决传统部署的环境不一致、部署复杂、资源占用高、扩容低效四大痛点。深入对比虚拟化技术差异,剖析Namespace/Cgroups/UnionFS轻量级原理,详解Docker引擎组成、云原生生态关联及Kubernetes演进趋势,助力DevOps。

配置前端开发环境

配置前端开发环境

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

浅浅的聊一下 WebSocket

浅浅的聊一下 WebSocket

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

浅谈前端水印

浅谈前端水印

前端水印技术深度解析:明水印Canvas实现与防御(MutationObserver防DOM篡改)、暗水印隐写术(追加文件内容/修改RGB分量编码解码)、低透明度防截图方案,适用于内网系统信息追踪与泄密溯源。