主页
  • 首页
  • 归档
  • 分类
  • 标签
  • 趣味网页
Next 入门篇

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
关于原型的 JS 题

关于原型的 JS 题

一道笔试题
2024-07-28
技术博客
#JavaScript
初识Nuxt

初识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

微前端 qiankun

前言环境准备创建三个项目分别是: 其中 react 项目都是通过 create-react-app 创建的,vue 项目通过 vite 创建,另外项目还需要安装 qiankun。 搭建主应用子应用渲染入口首先需要给子应用在主应用中渲染的容器,我们在 App.js 中写一个容器 定义子应用的列表在 src 下新建一个 subApp.js name 子应用的名称,需要唯一 entry 子应用的入口
2024-05-22
技术博客
#微前端 #qiankun
了解Vue3是如何进行组件更新的

了解Vue3是如何进行组件更新的

组件更新patchvue 在更新的时候,使用 patch 方法更新新老节点,判断老节点是否可以复用在 patch 时会先比较新老节点的类型,比较的方式就是判断 type 和 key 是否都相等,类型不同代表不能复用,直接卸载。然后判断新节点的类型, 在这里可以看到有三种类型的节点,使用不同的方法进行处理: 文本节点 Fragment 节点,vue3 引入 Fragment,在 vue3 的模板中可
2024-05-17
技术博客
#Vue
一文搞定 React 的 ref

一文搞定 React 的 ref

创建一个 ref类组件的 ref函数当 ref 是一个函数时,入参就是当前的 DOM 节点,在函数内将它赋给别的值,就可以通过这个值进行访问。 字符串ref 可以绑定一个字符串,它会被保存到 this.refs 上。 另外当判断 ref 绑定的是字符串时,其实走的是函数的处理逻辑,只不过字符串都被绑定在了 this.refs 上。 createRef()通过 React 提供的 createRef
2024-04-29
技术博客
#React
一文搞定 React 的 useEffect

一文搞定 React 的 useEffect

当依赖为引用数据类型时依赖是引用数据类型和基本类型对比 每次点击发现只会输出 useEffect - obj,也就是当 useEffect 依赖为对象时,每次更新都会执行。 依赖是如何进行比较的123456789101112131415function areHookInputsEqual( nextDeps: Array<mixed>, prevDeps: Array<mi
2024-04-25
技术博客
#React
Nest 初体验

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 思维导图(二)

Vue3 思维导图(二)

组件注册 Props v-model 透传Attributes 插槽 依赖注入 异步组件 自定义指令 插件 KeepAlive Teleport Suspense
2024-03-25
技术博客
#Vue
Vue3 思维导图(一):基础篇

Vue3 思维导图(一):基础篇

响应式基础 计算属性 类和样式 条件渲染 列表渲染 事件处理 侦听器 模板引用 组件
2024-03-21
技术博客
#Vue
12345

搜索