weixin_45825917的博客

前端性能优化是提升用户体验和页面响应速度的关键，可以从 网络优化、资源优化、缓存优化 三个方面系统地进行。缓存优化 重复访问加速 Cache-Control、ETag、Service Worker、文件 hash。资源优化 减小体积、延迟加载 图片压缩、JS/CSS 按需加载、Tree Shaking。stale-while-revalidate（旧资源立即返回，后台更新新资源）网络优化 降低加载延迟 CDN、Gzip、HTTP/2、预加载、请求合并。一、网络优化（减少请求数、降低延迟、提升加载速度）

你在代码中使用了某个依赖包，但它并没有在当前项目的 package.json 中声明，只是“间接依赖”被安装到了 node_modules 中，导致你能用，但其实不应该能用。你没有显式安装 lodash，但项目里却能跑成功，因为 webpack 的某个插件内部依赖了 lodash，所以它“顺便”被装进 node_modules。pnpm 的 node_modules 是使用 符号链接（symlink）+ 嵌套结构 搭出来的，你只能访问你自己声明的依赖。这就是幽灵依赖：你没声明，系统却能跑。

下面我按时间线和动机，把 npm → yarn → pnpm 的演变脉络讲清楚。如果你想继续，我可以带你写个从 yarn 或 npm 切换到 pnpm 的实战迁移指南，也可以讲讲它们在 Monorepo 里的表现。Facebook 的工程师维护着数千个 Node 项目，npm 的不稳定、速度慢，严重拖累开发效率，于是他们造了 Yarn。npm 安装依赖是不稳定的，即使锁版本，也有可能在不同机器上装出不同的 node_modules。pnpm：使用内容寻址 + 硬链接，依赖只下载一次，多个项目共享。

qiankun 通过 Proxy 等技术实现沙箱机制，有效隔离微应用之间的 JS 和 CSS 环境，解决全局变量冲突、样式污染、多实例运行等问题，是微前端稳定运行的核心保障。为每个微应用创建一个 Proxy(window) 的代理对象，拦截所有对 window 的修改，限制作用域。qiankun 的沙箱机制主要用于隔离微应用之间的运行环境，避免相互影响。每次微应用切换时，记录 window 的状态（如全局变量），卸载时恢复原状态。退出微应用时能恢复主应用或其它子应用原本的状态。样式隔离防止样式干扰。

【代码】手写v-model。

border-collapse:collapse (表示相邻边框合并在一起)行内或行内块元素水平居中：text-align:center;border：1px solid red (没有顺序)单元格的border会发生重叠，如果不想要重叠设置。盒子阴影不占用空间，不会影响其他盒子排列。传统网页布局三种方式：标准流 浮动 定位。padding影响盒子大小的好处使用。盒子阴影：border-shadow。

也可以直接从AppStore安装Xcode，Xcode集成了Git，不过默认没有安装，你需要运行Xcode，选择菜单“Xcode”->“Preferences”，在弹出窗口中找到“Downloads”，选择“Command Line Tools”，点“Install”就可以完成安装了。分支，就像平行宇宙，廖雪峰老师如是说。你创建了一个属于你自己的分支，别人看不到，还继续在原来的分支上正常工作，而你在自己的分支上干活，想提交就提交，直到开发完毕后，再一次性合并到原来的分支上，这样，既安全，又不影响别人工作。

【代码】实现箭头，空心三角形。

【代码】实现一个宽高自适应的正方形。

【代码】对象彻底冻结函数。

css

css

css

css

css

前端

前端学习