课外练习

防抖 使用isDebouncing判断是否处于防抖窗口 deboTimer是重置isDebouncing计时器的id 非窗口期间调用函数 会设置窗口.如果leading为true,调用fn 窗口期间调

gsap的能力 本质是数据插值库 给定起点、终点、duration和变化规则 gsap会自动计算中间态 理论上可以计算任意属性在任意维度的变化情况 gsap可以和pixi.js、three.js等配合

导入Web Component 在使用一个Web Component前必须先定义它,而定义过程实际上是调用浏览器环境中的customElements函数 在入口文件(main.js或者index.js

参考一下antd的方案 tailwind3 tailwind4 用layer控制css优先级,确保tailwind的预设被组件库覆盖,组件库的样式又被开发者的样式覆盖 组件中写的tailwind类被放

没错 solid比react对新人更加友好 不过我这种半新不新的 也更容易进入一些比较隐蔽的坑 上篇文章提到了我自制的文件路由系统 正是在写的过程中 我意识到solid没有想象中那么美好 虽然没有闭包

写在最后 为啥是写在最后呢？因为这段话是文章写完才打的 标题里的扑街也是写完才加的 原因是solid的路由库非常垃圾 既不支持嵌套路由 也不能接受剩余的路径参数 这下算白忙活了 我自己做小项目也不会用

需求 要写一个弹窗 里面有个按钮 点击按钮后弹窗关闭 用的是antd的Modal组件 大概是这个样子 这里会报一个错 说在destory定义之前就引用了它 改成onClick={()=>destroy

文档 URL构造函数接受url链接作为参数 也可以接受两个参数 第二个参数是第一个的base 如果第一个参数是完整的url 则第二个参数不生效 如果不能构造合法url会报错 可以使用URL.parse

useDeferredValue 简述 取得一个值的延迟版本 示例 用户连续输入的时候 query不断变化 但deferredQuery与最初的内容一致 直到用户停止输入才会同步到最新值 此时Cont

useId()生成的id是 :S1:这种类型的 这是会报错的 因为它是通过css选择器进行的 而#:S1:不是一个合法的css选择器 这里只能用getElementById

文档 图中提及的一众api现在都会返回一个promise 比较重要的是 params和searchParams 路径参数和查询参数 客户端组件想获取这两个值用useParams和useSearchPa

由于公司的node、依赖版本与我个人的冲突,决定使用docker构建自己的开发环境. 特别提醒 我的电脑16g内存 同时开docker vscode chrome时90%内存被使用 docker基本概

需求 尝试在Taro项目中使用Suspense,需要一个钩子处理promise对象.useSWR的suspense模式可以实现这个效果,但与需求不是很吻合,故决定自己写一个 尝试 初版 如果存在pro

仓库 使用方法 使用npm i taro-app-router下载插件后在config/index.ts中注册插件 路由约定 默认采用与next.js中app-router相同的规范. src是tar

公司的主题工具项目临近尾声.我接手项目时已经开发了一部分,已经有很多代码积重难返,公司也有第三方依赖的限制,因此我对在这个项目的工作不甚满意;但我认为在主题工具的设计和开发上的相关经验值得整理和复盘.

起因 事情源自这里,写了一个高阶组件用于实现组件受控/非受控的切换,但这个HOC有一些不足 计划改进 原本是这样的 增加isEqual函数 调整变量命名 取消类型断言 问题 这里出现了一个类型问题 被

查看仓库 简单构建 createStore创建共享状态的引用,更新函数和订阅者set,更新函数告知所有订阅者进行更新. useStore保存共享状态的某个版本并提供一个proxy用来监听组件访问的属性

使用 react-tracked优化了react原生Context,可以更加细粒度地更新组件 在这个示例中，点击Count会获得这样的输出 此外,Count所展示的随机数会变更,而Text展示的不会.

目标 useSyncExternalStore允许开发者订阅一个外部(与state、context相比)的数据源,并在需要的时候使订阅的组件重新渲染.如文档中的例子,可以订阅来自window的事件，并

fiber fiber是react v16引入的新的组件描述方案.每当组件被使用时，react会为它生成一个fiber节点，描述了组件函数、props以及它在组件树的位置. fiber节点还以链表形式