原理
147篇文章 · 0订阅
  • Webpack 的 Chunk，想怎么分就怎么分
    想必大家都用过 webpack，也或多或少了解它的原理，但是不知道大家有没有写过 Webpack 的插件呢？ 今天我们就一起来写一个划分 Chunk 的 webpack 插件吧，写完后你会发现想怎么分
    前端 JavaScript Webpack
    Webpack 的 Chunk，想怎么分就怎么分
  • 面试官：flex：1代表什么
    理解flex属性 在flexbox布局中，flex属性是用来控制项目的伸缩性的。它是一个复合属性，包含了flex-grow、flex-shrink和flex-basis这三个子属性。 在 Flexbo
    前端 CSS 面试
  • 腾讯一面：你了解js的沙箱环境吗？
    在 JavaScript 中，沙箱（sandbox）是一个安全机制，用于隔离运行代码，以防止代码对其它部分的应用程序或系统造成不必要的影响或安全风险。
    前端 JavaScript 面试
    腾讯一面：你了解js的沙箱环境吗？
  • axios解析之cancelToken取消请求原理
    当用户调用cancel方法后，axios内部会调用XMLHttpRequest 的abort方法取消请求，同时调用reject让外层的promise失败。
    axios HTTP
    axios解析之cancelToken取消请求原理
  • 谈谈 H5 移动端适配原理
    前言 H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设
    前端 JavaScript Vue.js
    谈谈 H5 移动端适配原理
  • React 弹窗组件用的 createPortal 是怎么实现的？
    想必大家都用过弹窗组件，比如 antd 的 Modal 组件： 打开 devtools 可以看到，它是直接挂在 body 下的： 实现这种效果是用的 createPortal： 渲染结果如下： 弹窗组
    前端 JavaScript React.js
    React 弹窗组件用的 createPortal 是怎么实现的？
  • 2023年了，我还是选择 MobX
    时至今日，前端的各种状态管理方案仍层出不穷，花式百样，争议不断，尤其是 React 社区。那我为什么要“背道而驰”，选择基本没什么声音的 MobX 呢？
    前端 MobX 架构
    2023年了，我还是选择 MobX
  • 字节的一个小问题 npm 和 yarn不一样吗？
    对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建
    前端 面试
    字节的一个小问题 npm 和 yarn不一样吗？
  • pnpm 是凭什么对 npm 和 yarn 降维打击的
    大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照包管理工具的发展历史，从 n
    前端 JavaScript NPM
    pnpm 是凭什么对 npm 和 yarn 降维打击的
  • 深入理解React：懒加载（lazy）实现原理
    现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…
    React.js