Library Search
结果页

入门篇 - Svelte 快速上手

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

返回文档库
知识库

知识库

8 个
入门篇 - Svelte 快速上手 # Svelte 快速上手 ## 背景 Svelte 是新兴前端框架,不同于 Vue/React 的虚拟 DOM 运行时,它在编译阶段将模板编译为纯 JavaScript,运行时体积几乎为零。Stack Overflow 2023 开发者调查中被评为最受喜爱的 Web 框架。 ## 核心概念 ### 1. "赋值即响应" Svelte 最大卖点:无需 `useState` / `ref`… 3% Hello World - 多框架快速启动 export default function App() { const [count, setCount] = useState(0) return ( <div style={{ textAlign: 'center', padding: '2rem', fontFamily: 'system-ui' }}> <h1 style={{ color: '#61daf… 3% Hello World - 响应式计数器 # Svelte 响应式计数器 ## 目标 体验 Svelte 的"赋值即响应"魔法 —— 无需 `useState`/`ref`,直接 `let count = 0` + `count += 1`。 ## 完整代码 ### `src/routes/+page.svelte`(SvelteKit) ```svelte <script> let count = 0 let name… 3% Fiber 快速入门 — 用户管理 API # Fiber 快速入门 — 用户管理 API ## 目标 使用 Fiber 的 Express 风格 API 快速搭建用户 CRUD,演示路由、中间件、参数解析。 ## 完整代码 ```go package main import ( "log" "strconv" "time" "github.com/gofiber/fiber/v3" ) type User struct… 2% MyBatis-Plus 实战入门 # MyBatis-Plus 实战入门教程 ## 第一章:MyBatis vs MyBatis-Plus MyBatis 的痛点: ```java // MyBatis 原始写法——每个单表查询都要写 SQL @Select("SELECT * FROM user WHERE age BETWEEN #{min} AND #{max}") List<User> findByAgeRange(… 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% 入门篇 - jQuery毕设快速开发 # jQuery 毕设快速开发入门 ## 背景 很多同学觉得 jQuery "过时了",跳过它直接学 React/Vue。但实际毕设中,大量场景只需要简单的 DOM 操作和 Ajax 请求,jQuery 恰恰是最快出活的选择。学习成本低、复制粘贴就能跑、兼容性好——特别适合时间紧迫的毕设冲刺。 --- ## 核心概念 ### jQuery 的三句话心法 1. **选择元素,然后操作它*… 2% 入门教程 - 现代开发者的 jQuery 指南 # jQuery 入门教程:现代开发者的 jQuery 指南 ## 一、jQuery 的定位 jQuery 统治了前端开发十余年(2006-2016),它解决的核心痛点是: - **浏览器兼容**:统一的 API 抹平 IE6/7/8/9 与 Chrome/Firefox 的差异 - **简洁的 DOM 操作**:`$(".class")` 比 `document.querySelector… 1%