Library Search
结果页Todo List 应用——核心组件与 Hooks
在 元器件 / 技术栈 / 知识库 中找到 16 个匹配结果。
技术栈
技术栈
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 映射到数据库表 |… 2% 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% jQuery <meta charset="UTF-8">
<title>jQuery Todo</title>
<style>
body { font-family: system-ui; max-width: 500px; margin: 50px auto; background: #f0f4f8; }
h1 { text-align: center; }
.todo-f… 2% React # React 18 毕设基础
## 背景
React 是全球使用最广泛的前端库，掌握 React 对求职极其有利。React 18 引入了 Concurrent Mode、Suspense 和改进的批处理。
## 核心概念
### 1. 函数组件 + Hooks
React 已经完全拥抱函数组件，Class 组件仅存于老项目：
```tsx
import { useState, us… 2%
知识库
知识库
8 个 Todo List 应用——核心组件与 Hooks # React Native 例程：Todo List——FlatList 与状态管理
## 目标
通过一个功能完整的 Todo List，展示 RN 核心：FlatList、TextInput、useState、StyleSheet、TouchableOpacity。
## 完整代码
```jsx
// App.js
import React, { useState } from 'rea… 3% Hello World - 组件与双向绑定 {
this.count.set(0);
}
}
```
### Todo 服务 `src/app/todo.service.ts`
```typescript
import { Injectable } from "@angular/core";
export interface TodoItem {
id: number;
text: string;
done:… 3% 入门教程 - 给你的 HTML 添加超能力 nsole.log($el.tagName)">
```
## 四、分步实战：Todo 应用
### 第一步：基础结构
```html
<div x-data="{
todos: [],
newTodo: '',
addTodo() {
if (this.newTodo.trim()) {
this.todos.push({ id: Date.now(), t… 3% 入门篇 - 构建 Todo API ## Symfony 入门教程：构建 Todo API
### 1. 背景
Symfony 是 PHP 企业级首选框架。本教程带你构建一个 Todo REST API，掌握控制器、ORM (Doctrine)、验证和序列化的核心用法。
### 2. 前置概念
| 概念 | 说明 |
|------|------|
| **Entity** | Doctrine ORM 映射到数据库表 |… 2% Hello World - 代办事项组件 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% Hello World - 全栈代办+API 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% Hello World - 动态Todo列表 // 切换完成状态（事件委托）
$('#todoList').on('click', '.todo-text', function() {
const id = $(this).closest('.todo-item').data('id');
const todo = todos.find(t => t.id === id);
if (… 2% 入门篇 - React 18 毕设基础 # React 18 毕设基础
## 背景
React 是全球使用最广泛的前端库，掌握 React 对求职极其有利。React 18 引入了 Concurrent Mode、Suspense 和改进的批处理。
## 核心概念
### 1. 函数组件 + Hooks
React 已经完全拥抱函数组件，Class 组件仅存于老项目：
```tsx
import { useState, us… 2%