Library Search
结果页nextjs
在 元器件 / 技术栈 / 知识库 中找到 15 个匹配结果。
技术栈
技术栈
8 个 C# <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% Next.js # Next.js 安装指南
## 1. 环境准备
- **Node.js**：>= 18.17.x（推荐 20 LTS）
- **包管理器**：npm / yarn / pnpm / bun
- **IDE**：VS Code + Next.js 相关插件
- **Vercel 账号（可选）**：免费一键部署
## 2. 安装命令
### 创建项目
```bash
# 推荐：带 Typ… 2% Node.js ```
$ node app.js
API server listening at http://localhost:3000
```
| 请求 | 响应 |
|------|------|
| `GET /users` | `{"total":2,"data":[{...},{...}]}` |
| `POST /users` | `{"id":3,"name":"Charlie","emai… 2% NestJS # NestJS 技术栈概览
NestJS 是一个**渐进式 Node.js 后端框架**，由 Kamil Myśliwiec 于 2017 年创建。它深受 Angular 架构启发，原生支持 TypeScript，内置依赖注入、模块化、装饰器等企业级设计模式，是构建大型可维护后端应用的理想选择。
## 解决什么问题
- **后端架构规范**：Controller → Service → Re… 2% Firebase Firestore // == 2. 发送消息 ==
window.sendMessage = async function() {
const input = document.getElementById('msgInput');
const text = input.value.trim();
if (!text) retu… 1% Fiber ## 前端页面 (public/index.html)
用 Chart.js 绘制温度/湿度双轴折线图，每 2 秒追加数据点，保留最近 30 个点滚动展示。
关键 JS 逻辑：
- `const ws = new WebSocket('ws://' + location.host + '/ws')`
- `ws.onmessage` 接收 JSON 更新 Chart.js 数据和卡片数值
- 双… 1% jQuery <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script>
$(function() {
let todos = [
{ id: 1, text: '完成毕设开题报告', done: false },
{ id: 2… 1% Three.js # Three.js 技术栈概览
Three.js 是由 Ricardo Cabello (Mr.doob) 创建的 **WebGL 3D 图形库**，是浏览器端 3D 渲染的事实标准。它封装了 WebGL 复杂 API，提供场景、相机、灯光、材质、几何体等高层抽象，让前端开发者轻松构建 3D 交互体验。
**Three.js 是什么？**
- WebGL 的上层封装（非框架，是图形库）
-… 1%
知识库
知识库
7 个 Hello World - 博客首页(SSR+ISR) # Next.js 博客首页 — SSR + ISR
## 目标
用 Next.js App Router 实现博客首页：服务端渲染文章列表，ISR 每 60 秒增量再生，同时包含客户端搜索框。
## 完整代码
### `src/app/page.tsx`
```tsx
import { Suspense } from 'react'
import SearchInput from './… 2% Hello World - 实时聊天消息 // == 2. 发送消息 ==
window.sendMessage = async function() {
const input = document.getElementById('msgInput');
const text = input.value.trim();
if (!text) retu… 1% Fiber WebSocket 传感器实时看板 for range ticker.C {
data := SensorData{
Timestamp: time.Now().UnixMilli(),
Temperature: 20 + rand.Float64()*15,
Humidity: 40 + rand.Float64()*40,
}
payload, _ := json.Marshal(data… 1% NestJS 入门 — 学生管理系统模块 # NestJS 入门 — 学生管理系统模块
## 目标
演示 NestJS 核心概念：模块化（Module）、控制器（Controller）、服务（Service）、依赖注入（DI）、DTO 验证。
## 1. 创建项目
```bash
nest new nest-demo
cd nest-demo
```
## 2. 生成学生模块
```bash
nest g resource stud… 1% Hello World - 动态Todo列表 <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script>
$(function() {
let todos = [
{ id: 1, text: '完成毕设开题报告', done: false },
{ id: 2… 1% 入门篇 - App Router 全栈之旅 # Next.js App Router 全栈之旅
## 背景
Next.js 是 React 生态的全栈元框架，由 Vercel 维护。App Router（v13+）是它的新路由范式，基于 React Server Components，默认在服务端执行。
## 核心概念
### 1. Server vs Client Components
```tsx
// 默认：服务端组件（无… 1% DL-20 CC2530 Zigbee模块 ESP32 Arduino驱动代码 const uint32_t seq = nextTelemetrySeq++;
const String payload =
buildTelemetryPayload(scheduledTelemetry, scheduledTelemetryTrigger.c_str(), seq);
awaitingAckAttempts = 0;
sendTele… 1%