Blob & FileBlob 和 File 都是是一个文件对象，File 在 Blob 的基础上进行了功能扩展，两者可以通过 new 实例的方式获取。 12const blob = new Blob(blobParts, options);const File = new File(fileBits, fileName, options) 在参数上，File 多了一个文件名的参数，另外在

Runes#statesvelte 的状态，横向对比 Vue 的 ref，react 的 state 和 Vue React 不同的是 svelte 的值可以直接修改，UI即可响应，并且 $state 深度响应，你可以使用对象或者数组的 api 来更改值，如果不想深度响应就用 $state.raw 1234let a = $state([1,2,3])let b = $state.snapshot

headersheaders 可以在请求头添加一些自定义内容 123456789101112131415161718192021const nextConfig = { headers: async () => { return [ { source: '/about/:id&#x

基于配置的元数据静态元数据还是动态元数据都只在服务端组件中支持，尽可能使用静态元数据。 静态元数据在 layout.js 或 page.js 中，导出 Metadata 对象 1234export const metadata = { title: 'Next.js', description: 'Next.js is a framework f

Image使用Image 是 Next 提供的组件之一，使用 Image 时就像使用 Image 标签一样。 123456789101112import Image from 'next/image' export default function Page() { return ( <Image src="/profile.png&

路由导航Link基本使用 12345import Link from "next/link";export default async function Index() { return <Link href="/about">To About</Link>} useRouter12345678910&#x

项目初始化手动创建 Next 项目第一步：创建文件夹 next-demo第二步：初始化 package.json 1npm init -y 第三步；安装 next react 1npm install next@latest react@latest react-dom@latest 第四步：package.json 添加执行命令 12345678{ "scripts&qu

一道笔试题

项目初始化新建项目 1pnpm dlx nuxi init nuxt3-demo 接入 tailwindcss 1pnpm add @nuxtjs/tailwindcss -D 另外 tailwindcss 需要在 nuxt.config.ts 中配置一下 1modules: ["@nuxtjs/tailwindcss"] 基础路由Nuxt 路由基于 vue-router

前言环境准备创建三个项目分别是： 其中 react 项目都是通过 create-react-app 创建的，vue 项目通过 vite 创建，另外项目还需要安装 qiankun。 搭建主应用子应用渲染入口首先需要给子应用在主应用中渲染的容器，我们在 App.js 中写一个容器 定义子应用的列表在 src 下新建一个 subApp.js name 子应用的名称，需要唯一 entry 子应用的入口