Next 入门篇 项目初始化手动创建 Next 项目第一步:创建文件夹 next-demo第二步:初始化 package.json 1npm init -y 第三步;安装 next react 1npm install next@latest react@latest react-dom@latest 第四步:package.json 添加执行命令 12345678{ "scripts&qu 2024-08-08 技术博客 #React #Next #ssr #ssg
初识Nuxt 项目初始化新建项目 1pnpm dlx nuxi init nuxt3-demo 接入 tailwindcss 1pnpm add @nuxtjs/tailwindcss -D 另外 tailwindcss 需要在 nuxt.config.ts 中配置一下 1modules: ["@nuxtjs/tailwindcss"] 基础路由Nuxt 路由基于 vue-router 2024-05-24 技术博客 #Nuxt #SSR
微前端 qiankun 前言环境准备创建三个项目分别是: 其中 react 项目都是通过 create-react-app 创建的,vue 项目通过 vite 创建,另外项目还需要安装 qiankun。 搭建主应用子应用渲染入口首先需要给子应用在主应用中渲染的容器,我们在 App.js 中写一个容器 定义子应用的列表在 src 下新建一个 subApp.js name 子应用的名称,需要唯一 entry 子应用的入口 2024-05-22 技术博客 #微前端 #qiankun
了解Vue3是如何进行组件更新的 组件更新patchvue 在更新的时候,使用 patch 方法更新新老节点,判断老节点是否可以复用在 patch 时会先比较新老节点的类型,比较的方式就是判断 type 和 key 是否都相等,类型不同代表不能复用,直接卸载。然后判断新节点的类型, 在这里可以看到有三种类型的节点,使用不同的方法进行处理: 文本节点 Fragment 节点,vue3 引入 Fragment,在 vue3 的模板中可 2024-05-17 技术博客 #Vue
一文搞定 React 的 ref 创建一个 ref类组件的 ref函数当 ref 是一个函数时,入参就是当前的 DOM 节点,在函数内将它赋给别的值,就可以通过这个值进行访问。 字符串ref 可以绑定一个字符串,它会被保存到 this.refs 上。 另外当判断 ref 绑定的是字符串时,其实走的是函数的处理逻辑,只不过字符串都被绑定在了 this.refs 上。 createRef()通过 React 提供的 createRef 2024-04-29 技术博客 #React
一文搞定 React 的 useEffect 当依赖为引用数据类型时依赖是引用数据类型和基本类型对比 每次点击发现只会输出 useEffect - obj,也就是当 useEffect 依赖为对象时,每次更新都会执行。 依赖是如何进行比较的123456789101112131415function areHookInputsEqual( nextDeps: Array<mixed>, prevDeps: Array<mi 2024-04-25 技术博客 #React
Nest 初体验 初始化项目12$ npm i -g @nestjs/cli$ nest new project-name 文件概览src/main.ts 入口文件123456789import {NestFactory} from '@nestjs/core';import {AppModule} from './app.modul 2024-04-02 技术博客 #Nest
Vue3 思维导图(二) 组件注册 Props v-model 透传Attributes 插槽 依赖注入 异步组件 自定义指令 插件 KeepAlive Teleport Suspense 2024-03-25 技术博客 #Vue