📄🦌🙌🐟🏖️

阿宏的随笔

君子不器
【每日一面】你怎么理解 Proxy 的

【每日一面】你怎么理解 Proxy 的

基础问答 问:Proxy 是什么?怎么使用的? 答:Proxy 是用于创建 “对象代理” 的构造函数,它能封装目标对象(target),并通过 “拦截器对象(handler)” 自定义目标对象的基础操作(如属性读取、赋值),实现对对象行为的 “劫持”,手写使用方式。 // 语法:new Proxy(

【每日一面】对 Promise.race 的理解

【每日一面】对 Promise.race 的理解

基础问答 问:有使用过 Promise.race 吗,说说他的作用。 答:Promise.race 接收一个 Promise 数组(或者一个具有迭代器的对象)作为参数,返回一个新的Promise,这个新的 Promise 结果是数组中第一个状态变更的Promise对象,无所谓这个状态是否是成功(fu

【每日一面】async/await 的原理

【每日一面】async/await 的原理

基础问答 问:async/await 的原理是什么? 答:关键字本身就是 Promise 的语法糖,依托于生成器函数 (Generator) 函数能力实现的。async 关键字标志这个函数为异步函数,并且将返回结果封装为一个 Promise,await 则是暂停当前执行,等待后续的异步操作完成后再恢

【每日一面】手写防抖函数

【每日一面】手写防抖函数

基础问答 问:手写一个防抖函数 答: /** * 基础版防抖函数(非立即执行) * @param {Function} func - 需要防抖的目标函数 * @param {number} delay - 等待时间(毫秒) * @returns {Function} - 防抖后的函数 */

【每日一面】盒子模型

【每日一面】盒子模型

基础问答 问题:标准的 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高效交付。