Magical
获得徽章 16
- 关于Chrome DevTools 调试安卓网页
打开 USB 调试，在 chrome://inspect 页面可以看到可调试的网页了
评论点赞 - 关于调试ant design代码
把 antd 代码下载下来，执行 npm run dist 生成 UMD 形式的代码
把 devtool 设置成 cheap-module-source-map，然后开启 babel-loader 和 ts-loader 的 sourcemap评论点赞 - 关于pnpm monorepo的使用
每个单独的模块、项目都可以独立维护、测试、构建
使用 pnpm 的 node_modules 可以节约了磁盘空间评论点赞 - 关于performance 工具
首先在 Performance 面板的 reload 里录制，然后会生成相关火焰图，其中包含了所有 task 执行的流程评论点赞 - 关于调试线上JavaScript
通过sourcemap对应本地源码进行调试
可以通过charles设置关联 sourcemap来进行调试评论点赞 - 关于 http 缓存
缓存最佳设置是入口设置 no-cache，其他文件设置max-age
浏览器强制刷新原理是设置 Cache-Control 为 no-cache评论点赞 - chrome devtooles network小技巧
学会过滤各种请求类型和常用过滤器的使用，让你搜索请求更加快速![[呲牙]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
评论点赞
![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)