react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比

合集 - 自说自化(31)

1.2024.1.112024-01-112.2024.1.102024-01-103.2024.1.122024-01-124.2024.1.132024-01-135.2024.1.152024-01-156.2024.1.182024-01-197.2024.1.192024-01-198.40 个拓展思维的概念/一位 44 岁老人的人生经验2024-01-229.bigfrontend/usehooks2024-01-2310.React 面试题/Hooks CheatSheet2024-01-2411.zustand/useWhyDidYouUpdate/HTTP 缓存2024-01-25

12.react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比2024-01-30

13.延迟Promise/单项目多npm版本/webpack好处/webpack5构建速度2024-02-0214.钝感力/孤独力/antd低代码2024-02-0615.ReadableStream/TransformStream/HMR/软件设计哲学/SSR 条件渲染/CSS.escape/Copilot2024-02-2016.写少一点/ARCHITECTURE/JavaScript类型转换/Logitech Options一直转圈2024-03-0117.prompt生成器/为什么需要react服务器组件/建议2024-03-2318.ts using/核心技能/三个我/日志/如何做好工作/多写/写简单的代码2024-04-0319.tailwindcss/React 性能优化2024-04-1220.一次性初始化/重新挂载/便捷类型/优化技巧2024-04-1921.DoD2024-04-1922.三角不等式/react ts 速查表2024-04-1923.delete/声明语句/赋值操作2024-04-2224.在macOS上管理MongoDB：服务和手动后台进程2024-04-2225.export/import2024-04-2526.深入解析JavaScript的块级作用域和for循环的性能考量2024-04-2527.常用术语2024-05-0728.停车场的投币器/return/throw/动画方案/疑难杂症/GetValue/Empty/引用解析与执行顺序/+ 和 - /双点语法2024-06-0629.new/类/null/+/PrimitiveValue/valueOf/toString/环境/HTML 脚本元素属性2024-06-0730.实时字幕/Suspense/ref的妙用/MutationObserver2024-06-2131.zustand Auto Generating Selectors/ts-pattern/swr/TypeScript在monorepo项目中实现即时更新/monorepo docker/turb 使用2024-07-05

收起

1. 《react 使用小技巧》https://www.yuque.com/beilo/simpread/1706613177588
2. 《webpack热更新原理》 https://github.com/febobo/web-interview/issues/126
   Webpack Compile（webpack编译）
   Bundle Server（静态资源服务器，一般是 dist/build 文件夹
   HMR Server（热更新服务器
   HMR Runtime（在浏览器中的 socket 服务器）
   Webpack Compile后Bundle Server 会有对应的静态文件，浏览器访问其地址展示页面。HMR Runtime 和 socket 链接在这里已经创建完成。
   接下来文件更新Webpack Compile 通知HMR Server 通过 socket 通知到浏览器中的HMR Runtime，接着创建一个 axios 请求到变化的内容，重新出发 render 流程
3. 《webpack优化性能》 https://github.com/febobo/web-interview/issues/131 JS代码压缩 CSS代码压缩 Html文件代码压缩 文件大小压缩 图片压缩 Tree Shaking 代码分离 内联 chunk
4. 《超级蔬菜配比》
   3-5g姜片，2瓣大蒜，1个小青柠，1g盐，50g香菇，150g 花菜，250g 西兰花，90g熟黑豆，5g 橄榄油 5-15g 苹果醋，10g 孜然粉，10g 火麻仁，10g 黑巧克力（100%）食材全部放入后，开水倒入破壁机至 500（比较干，要用勺子吃）-800（比较稀，能直接喝）ml，然后 2 分钟奶昔模式。
   其中熟黑豆｜香菇｜花菜｜西兰花｜姜片｜大蒜｜青柠，要煮7-10 分钟。
   黑豆可以一次用电饭煲煮 500g，刚好熟黑豆 90g=生黑豆 45g

新步骤：
破壁机前一天晚上预约 25g 黑豆+400ml 水，豆浆模式。
第二天起床将 50g香菇，150g 花菜，250g 西兰花，3-5g姜片，2瓣大蒜，1个小青柠放入电饭煲，使用蒸煮模式 15 分钟后取出。放入破壁机。
加入 1g盐 10g 橄榄油 5-15g 苹果醋，5g 孜然粉，5g 火麻仁，10g 黑巧克力（100%）食材全部放入破壁机。
接着使用 2 次奶昔模式。
破壁机型号：美的无罩安睡 1.75L MJ-PB10S36。容量大小一定要超过 1.5L。