《前端面试指北》：CSS 多栏布局
两栏左侧定宽，右侧自适应左列设置 float，右列使用 overflow:hidden/display:flex 创建 BFC 原理：利用 BFC 不会与 float box 重叠虽然 BFC 不会与 float box 重叠，但实测这句话对于绝对定位元素并不成立设置 displa…
Posts
《前端面试指北》：智力题 & 场景题
智力题轮流抛硬币设先抛赢的概率为p1，后抛赢的概率为p2，当本轮先抛者失败，则后抛者赢的概率等于p1 p1 = 1/2 + 1/2 * p2 p1 + p2 = 1 解方程可得， p1 = 2/3翻牌第一步，我从牌顶拿出一张牌，放到桌子上。 第二步，我从牌顶再拿一张牌，放在手上牌的底…
《前端面试指北》：Cookies
一直对 cookies 的跨域问题、samesite 等字段混淆，这里整理下参考链接：Cookie 的 SameSite 属性SameSite Cookie，防止 CSRF 攻击Domaincookies 的 Domain 指定了哪些主机可以接受 Cookie。如果不指定，默认为 origin…
《前端面试指北》：webpack HMR 原理
参考链接：webpack热更新原理 - 填坑侠的文章 - 知乎Webpack HMR 原理解析 - 冉四夕的文章 - 知乎webpack HMR 提供了一种无需完全刷新整个页面就能重新加载已更新模块的开发体验。通过 HMR，可以保留当前页面已有状态，且只更新变更内容，节省开发时间下面介绍 HM…
《前端面试指北》：实现一个 loader
虽然了解了 loader 的概念，但动手实现一个哪怕再简单不过的 loader 也比单纯的纸面了解更加深印象目标 & 初始化目标：我们打算实现一个 txt 文件的 loader，准确说是两个：reverse-loader：将 txt 文件的字符逆序toUpperClass-loader：将逆序…
《前端面试指北》：webpack 知识点
为什么要使用 webpack，不直接 require？直接 require，而不打包，每个模块都会单独通过 http 传输下载并加载，而打包后就只有一个模块需要下载。编译后打包减少了页面的 http 请求，减少了页面加载时间，从而增加了页面的显示速度webpack 核心概念入口(entry)：…
《前端面试指北》：npm 操作
cnpm 与换源cnpm安装：npm install cnpm -g –registry=https://registry.npm.taobao.orgcnpm -v 来测试是否成功安装换源npm的默认地址：https://registry.npmjs.org/可以使用 npm config…
《前端面试指北》：webpack-vue_3：优化
这篇完全基于上一篇的构建结果，大家随意 DIY，了解常用的 webpack 优化手段参考链接：三十分钟掌握Webpack性能优化优化构建速度首先大致总结 webpack 的打包过程webpack 打包过程会从 entry point 出发，递归地解析 modules 间的依赖，同时构建构建依赖…