Library Search
结果页入门教程 - 给你的 HTML 添加超能力
在 知识库 中找到 8 个匹配结果。
知识库
知识库
8 个 入门教程 - 给你的 HTML 添加超能力 # Alpine.js 入门教程：给你的 HTML 添加超能力
## 一、Alpine.js 是什么？
Alpine.js 的口号是"像写 Tailwind CSS 一样写 JavaScript"。它让你用简单的 HTML 属性为页面添加交互，无需构建工具、无需虚拟 DOM，只有 15 个属性 + 6 个魔法方法 + 1 个全局状态。非常适合后端开发者给模板引擎（Laravel Blade、D… 3% 入门篇 - Alpine.js声明式交互 # Alpine.js 声明式交互入门
## 背景
Alpine.js 是"HTML 中的 JavaScript"。它不需要构建工具、不需要组件文件、不需要虚拟 DOM——直接在 HTML 标签上添加交互指令。对于毕设中那种"大部分是静态页面，只需要少量交互"的场景，Alpine.js 是比 Vue/React 更务实的选择。
---
## 核心概念
### 14 个指令 + 6 个 M… 3% Hello World - DOM 操作与 AJAX ```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>jQuery Demo</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>
<sty… 3% ESP32-C3 Super Mini — 代码例程 // HTML 页面
const char* htmlPage = R"rawliteral(
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ESP32-C3 Das… 3% Hello World - 标签页与模态框 ```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Alpine.js Demo</title>
<style>
body { font-family: system-ui; max-width: 600px; margin: 50px auto; background: #… 3% Hello World - 动态Todo列表 ```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>jQuery Todo</title>
<style>
body { font-family: system-ui; max-width: 500px; margin: 50px auto; background: #f0f… 3% PHP 从零到 Web 应用 # PHP 从零到 Web 应用
## 1. 背景与定位
PHP 最初代表 "Personal Home Page"（Rasmus Lerdorf，1994），后来演变为 "PHP: Hypertext Preprocessor"。它设计之初就是为了让开发者在 HTML 里嵌入动态逻辑。
### 核心哲学
- **共享无状态**：每个请求独立处理，启动、执行、消亡
- **模板原生**：H… 3% Hello World # PHP Hello World 例程
## 目标
运行第一个 PHP 程序：输出 "Hello, World!" 并在浏览器中验证。
## 方式一：CLI 命令行
创建 `hello.php`：
```php
<?php
echo "Hello, World!\n";
echo "今天的日期是：" . date('Y-m-d') . "\n";
```
运行：
```bash
p… 3%