红苹果学园 - 博客园

2024年9月2日

react-hook-form 搭配 next-intl 国际化插件处理form 表单错误

摘要： useEffect(() => { form.clearErrors() if (state && state.data) { router.push('/') } // 后台错误 if (state && state.errorMessage) { // showErrorToast(t(stat 阅读全文

posted @ 2024-09-02 20:33 红苹果学园阅读(44) 评论(0) 推荐(0)

shadcn/ui Combobox command 组合筛选下拉. inputOtp 光标闪烁

摘要： <Popover open={open} onOpenChange={setOpen}> <PopoverTrigger asChild> <Button role="combobox" aria-expanded={open} className="w-full justify-between h 阅读全文

posted @ 2024-09-02 20:30 红苹果学园阅读(77) 评论(0) 推荐(0)

2024年8月29日

swiper 模块加载

摘要： import { Swiper, SwiperSlide } from 'swiper/react' import { Autoplay, Pagination, Navigation } from 'swiper/modules' // Import Swiper styles import 's 阅读全文

posted @ 2024-08-29 22:04 红苹果学园阅读(26) 评论(0) 推荐(0)

前端自己分页 shadcn, Next, shadcn 取消 form 被嵌套后默认自动聚焦第一个元素

摘要： import { usePathname, useSearchParams } from 'next/navigation' import { PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, Paginat 阅读全文

posted @ 2024-08-29 22:03 红苹果学园阅读(150) 评论(0) 推荐(0)

移动端不要用100vh，有兼容性问题

摘要：获取屏幕视窗高度 100，直接使用 window.innerHeight，页面未加载完也可以，浏览器的属性阅读全文

posted @ 2024-08-29 21:59 红苹果学园阅读(60) 评论(0) 推荐(0)

2024年8月8日

谷歌登录

摘要： //Npm npm install @react-oauth/google@latest //Yarn yarn add @react-oauth/google@latest在首页中引入 GoogleOAuthProvider，并写上google后台的clientId /*index.js*/ im 阅读全文

posted @ 2024-08-08 21:17 红苹果学园阅读(55) 评论(0) 推荐(0)

2024年7月26日

查看谷歌seo内容插件

摘要： SEO META in 1 CLICK 谷歌插件可以查看网站seo内容，包括title description等信息。下载地址：https://www.chajianxw.com/developer/14081.html 下载完解压之后打开谷歌扩展程序拖入即可。使用方式:打开需要查看的网站对应页面阅读全文

posted @ 2024-07-26 19:03 红苹果学园阅读(30) 评论(0) 推荐(0)

2024年7月12日

一个div滚动到底部

摘要： let mainDom = document.getElementsByClassName('scroll-smooth')[0] mainDom.scrollTo({ top: mainDom.scrollHeight, // 页面底部位置 behavior: 'smooth' // 平滑滚动 } 阅读全文

posted @ 2024-07-12 14:02 红苹果学园阅读(23) 评论(0) 推荐(0)

2024年7月11日

判断文件是否是stream还是json

摘要：最简单的方式是检查响应的 Content-Type 头部，看它是否指定了 JSON 类型。大多数服务器会在返回 JSON 数据时设置正确的 Content-Type 头部为 application/json。 const contentType = response.headers.get('con 阅读全文

posted @ 2024-07-11 15:25 红苹果学园阅读(31) 评论(0) 推荐(0)

swr 用于数据请求的 React Hooks 库

摘要： import useSWR from 'swr' function Profile() { const { data, error, isLoading } = useSWR('/api/user', fetcher) if (error) return <div>failed to load</d 阅读全文

posted @ 2024-07-11 09:28 红苹果学园阅读(18) 评论(0) 推荐(0)

逍遥妹纸

公告