Library Search
结果页入门篇 - Alpine.js声明式交互
在 知识库 中找到 8 个匹配结果。
知识库
知识库
8 个 入门篇 - Alpine.js声明式交互 # Alpine.js 声明式交互入门
## 背景
Alpine.js 是"HTML 中的 JavaScript"。它不需要构建工具、不需要组件文件、不需要虚拟 DOM——直接在 HTML 标签上添加交互指令。对于毕设中那种"大部分是静态页面，只需要少量交互"的场景，Alpine.js 是比 Vue/React 更务实的选择。
---
## 核心概念
### 14 个指令 + 6 个 M… 3% 入门教程 - 给你的 HTML 添加超能力 ## 五、全局状态（Alpine.store）
```html
<script defer src="...alpine.min.js"></script>
<script>
document.addEventListener('alpine:init', () => {
Alpine.store('theme', {
dark: false,
toggle(… 3% 进阶篇 - Docker 网络与存储深入 # 恢复卷数据
docker run --rm \
-v db-data:/data \
-v $(pwd):/backup \
alpine tar xzf /backup/db-backup.tar.gz -C /data
# 卷迁移
# 1. 源主机导出
docker run --rm -v db-data:/data alpine tar czf - -C /data . >… 2% Hello World - 标签页与模态框 # Alpine.js 标签页与模态框
## 目标
用纯 HTML + Alpine.js 指令实现标签页切换和模态弹窗——无需写一行 JS。
## 完整代码 2% 02-进阶实战-Celery异步任务与部署 # 复制并安装 Python 依赖
COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple
# 复制应用代码
COPY . .
# 创建非 root 用户
RUN useradd -m flaskuser && c… 2% Hello World - 计数器与双向绑定 # Alpine.js Hello World — 计数器与双向绑定
## 目标
用最小的 HTML 代码展示 Alpine.js 核心特性：声明式数据、双向绑定、条件渲染和事件处理。
## 完整代码 2% 02-进阶实战-WebSocket-后台任务-部署 services:
api:
build: .
ports:
- "8000:8000"
environment:
- DATABASE_URL=postgresql+asyncpg://user:pass@db:5432/fastapi
- REDIS_URL=redis://redis:6379/0
depends_on:… 2% Dockerfile 与 Compose 实战 services:
app:
build:
context: .
dockerfile: Dockerfile
container_name: flask-app
ports:
- "5000:5000"
environment:
- ENV=production
- REDIS_URL=redis:/… 1%