Library Search
结果页

入门篇 - React 18 毕设基础

在 知识库 中找到 8 个匹配结果。

返回文档库
知识库

知识库

8 个
入门篇 - Preact轻量级毕设方案 # Preact 轻量级毕设方案入门 ## 背景 Preact 是 React 的 3KB 替代品。如果你的毕设需要 React 的组件化开发体验,但又担心打包体积太大(尤其是移动端 H5 场景),Preact 是完美的折中方案。API 几乎相同,生态兼容,体积仅 React 的 1/10。 --- ## 核心概念 ### Preact vs React | 特性 | React |… 3% 入门教程 - 从 React 到 Preact 无缝迁移 # Preact 入门教程:从 React 到 Preact 无缝迁移 ## 一、Preact 是什么? Preact 是 Jason Miller 创建的 React 替代品,核心目标:**用 3KB 的体积实现 React 的绝大部分 API**。它保持与 React 几乎相同的编程模型(组件、Hooks、JSX),但去掉了合成事件系统、Fiber 调度器等大型内部机制,直接使用原生 DO… 3% 入门篇 - React 18 毕设基础 # React 18 毕设基础 ## 背景 React 是全球使用最广泛的前端库,掌握 React 对求职极其有利。React 18 引入了 Concurrent Mode、Suspense 和改进的批处理。 ## 核心概念 ### 1. 函数组件 + Hooks React 已经完全拥抱函数组件,Class 组件仅存于老项目: ```tsx import { useState, us… 3% React Native 移动开发入门 # React Native 移动开发入门教程 ## 第一章:架构演进——从 Bridge 到 JSI ### 旧架构(Bridge) ``` JS Thread ←→ Bridge(JSON 序列化)←→ Native Thread ``` 每次通信都要跨越 Bridge,数据序列化为 JSON。问题:列表快速滚动时掉帧(异步 + 序列化开销)。 ### 新架构(Fabric + Turb… 3% 入门篇 - Vue 3 毕设实战 # Vue 3 毕设实战入门 ## 背景 Vue 3 是目前国内使用最广泛的前端框架之一,面试必问、毕设高频。其渐进式设计让你能从简单的数据绑定逐步过渡到大型 SPA 应用。 ## 核心概念 ### 1. 响应式系统 Vue 3 使用 Proxy 实现响应式,替代了 Vue 2 的 `Object.defineProperty`: ```typescript import { ref,… 3% 入门篇 - Astro内容站点搭建 # Astro 内容站点搭建入门 ## 背景 Astro 是专为内容型网站设计的框架。如果你的毕设涉及博客、文档站、作品展示、公司官网等内容为主的项目,Astro 的"默认零 JS"理念能让你获得近乎完美的 Lighthouse 分数。同时它支持混合 Vue/React/Svelte 组件——这在答辩中是非常独特的卖点。 --- ## 核心概念 ### 岛屿架构 Astro 把页面想象… 2% Hello World - React 兼容的轻量应用 # Preact Hello World — React 兼容的轻量应用 ## 目标 展示 Preact 与 React 几乎相同的 API,同时强调其 3KB 的体量优势。包含 Hooks、组件和兼容模式示例。 ## 完整代码 ```jsx // src/main.jsx import { render } from "preact"; import { App } from "./Ap… 2% Hello World - 标签页与模态框 <h1>🏗 Alpine.js Demo</h1> <p style="color: #666;">纯 HTML 属性驱动的交互 —— 零 JS 代码</p> <!-- 标签页组件 --> <div x-data="{ activeTab: 'vue' }"> <div class="tabs"> <button class="tab-btn" :class="… 2%