Library Search
结果页

入门教程 - 给你的 HTML 添加超能力

在 元器件 / 技术栈 / 知识库 中找到 12 个匹配结果。

返回文档库
技术栈

技术栈

4 个
查看全部
知识库

知识库

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… 2% 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… 2% 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: #… 2% 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… 2% Hello World - 计数器与双向绑定 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>Alpine.js Demo</title> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.0/dist/cdn.min.js"></scrip… 2% 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… 2%