2024.1.11

合集 - 自说自化(31)

1.2024.1.112024-01-11

2.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-2512.react tips/webpack热更新原理/webpack优化性能/超级蔬菜配比2024-01-3013.延迟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. 9.46 到公司
2. 阅读《两个reacts》https://sorrycc.com/two-reacts/
3. 在今天的工作中遇到了两个场景，我想在这里进行简单的记录和分享，也许对你们也有所帮助。
   1. 假设在你的UI中有两个div元素，分别为a和b，其中b的定位方式设置为fixed。需求是当鼠标悬浮在a元素之上时显示b元素，鼠标离开a元素时隐藏b元素，然后你可能会选择为a元素设置onMouseEnter和onMouseLeave事件来实现显示和隐藏b元素的需求。在这种情况下，你或许会遇到一个问题，那就是b元素始终处于闪烁的状态。而原因在于onMouseEnter和onMouseLeave事件不停地在触发。为了解决这个问题，你可以为b元素添加 'pointer-events: none;' 的样式。
   2. 假设你有一个滚动列表，列表的overflow-y属性设置为scroll。此时，如果列表的第一个item元素中包含的有定位方式为absolute的子元素，并且该子元素的top值超出了列表的边框，那么该子元素会被截断。为了解决这个问题，你可以选择将子元素的定位方式设置为fixed，然后通过event.currentTarget.getBoundingClientRect()方法获取到该子元素相对于视窗的left和top值，之后再进行微调即可。
   3. 学习了使用 进行占位符，这样可以避免布局少个接口，导致错乱。