课外练习

个人需求 云端存储音乐 下载到本地播放 多端通用 需求分析 使用google drive存储音乐 并从中获取音乐文件 使用indexDB将文件内容保存起来 避免再次下载 将应用做成PWA 可以在后台播

server action是next中一项非常重要的功能 一个action必须是一个以'use server'修饰的异步函数 并且其参数和返回值都必须可序列化 无论客户端还是服务端 都可以直接调用ac

插件 i18n Ally 插件id: lokalise.i18n-ally 支持react-i18next和next-intl 会自动扫描语言包 给出代码提示 对语言包的格式有要求 必须把同一个语言的

直接导入 动态导入 原因 App关联的组件很多 如果用rollup-plugin-visualizer看一下就知道 导入App 等同于 导入message modal等一系列组件 测试 https:/

函数重载 函数重载可以描述复杂的函数类型 不过这种方法适用范围有限 不能导出一个类型用于定义其他函数 而且需要把重载的类型在参数里额外写一次 函数的调用类型 也可以直接描述其调用类型 但这个类型只能用

防抖 使用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

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