Library Search
结果页

Todo List 应用——核心组件与 Hooks

在 技术栈 中找到 8 个匹配结果。

返回文档库
技术栈

技术栈

8 个
查看全部
React Native # React Native 例程:Todo List——FlatList 与状态管理 ## 目标 通过一个功能完整的 Todo List,展示 RN 核心:FlatList、TextInput、useState、StyleSheet、TouchableOpacity。 ## 完整代码 ```jsx // App.js import React, { useState } from 'rea… 3% C# nsole.log($el.tagName)"> ``` ## 四、分步实战:Todo 应用 ### 第一步:基础结构 ```html <div x-data="{ todos: [], newTodo: '', addTodo() { if (this.newTodo.trim()) { this.todos.push({ id: Date.now(), t… 3% Angular le({ providedIn: "root" }) export class TodoService { private todos: TodoItem[] = [ { id: 1, text: "学 Angular", done: true }, { id: 2, text: "写项目", done: false }, ]; getAll(): TodoItem[… 3% Symfony ## Symfony 入门教程:构建 Todo API ### 1. 背景 Symfony 是 PHP 企业级首选框架。本教程带你构建一个 Todo REST API,掌握控制器、ORM (Doctrine)、验证和序列化的核心用法。 ### 2. 前置概念 | 概念 | 说明 | |------|------| | **Entity** | Doctrine ORM 映射到数据库表 |… 3% Vue on API) ## 目标 用 Composition API 写一个经典的 Todo List,涵盖 `ref`、`v-model`、`v-for`、`computed` 等核心概念。 ## 完整代码 ### `src/App.vue` ```vue <script setup lang="ts"> import { ref, computed } from 'vue' interfa… 2% Nuxt flex; gap: 8px; margin-bottom: 1rem; } .todo-input { flex: 1; padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 8px; } button { padding: 8px 16px; background: #00dc82; color: white; border:… 2% Gin # Gin RESTful API — 任务管理 Todo ## 目标 使用 Gin 框架快速搭建 Todo 任务 CRUD API,演示路由分组、参数绑定、中间件。 ## 完整代码 ```go package main import ( "net/http" "strconv" "sync" "time" "github.com/gin-gonic/gin" ) // To… 2% Python ) ``` --- ## 第 4 章:业务逻辑 创建 `todo_manager.py`: ```python """任务管理业务逻辑""" from typing import List from models import Task from storage import TaskStorage class TodoManager: """待办事项管理器"… 2%