Regional 一个月,ToDoList

本文深入探讨了深度学习领域的核心算法,包括动态规划、斜率优化、四边形不等式优化、单调队列优化等,同时涉及计算几何、自动机理论、Treap和块状链表等数据结构与算法的高级应用。通过撸一遍模板,解决三维计算几何问题,并了解自动机的基本概念。此外,文章还介绍了ZJU月赛中涉及的相关知识点。
部署运行你感兴趣的模型镜像

1、 DP 专题 + 斜率优化 , 四边形不等式优化 , 单调队列优化

2、 模板整理: 撸一遍模板 , 搞定计算几何三维部分,二维部分重载运算符

3、 自动机知道是怎么回事儿

4、 Treap , 块状链表

5、 ZJU 月赛

您可能感兴趣的与本文相关的镜像

LobeChat

LobeChat

AI应用

LobeChat 是一个开源、高性能的聊天机器人框架。支持语音合成、多模态和可扩展插件系统。支持一键式免费部署私人ChatGPT/LLM 网络应用程序。

当然可以!下面是一个使用 **Vue 3 + Composition API** 实现的简单 **TodoList** 应用。它包含以下功能: - 添加任务 - 删除任务 - 切换任务完成状态 - 显示未完成任务数量 - 清除已完成任务 --- ### ✅ 示例代码:Vue 3 Composition API 实现 TodoList ```vue <template> <div class="todo-app"> <h1>我的待办事项</h1> <div class="input-group"> <input v-model="newTodo" @keyup.enter="addTodo" placeholder="输入新任务" class="todo-input" /> <button @click="addTodo" class="btn">添加</button> </div> <ul class="todo-list"> <li v-for="(todo, index) in todos" :key="todo.id" class="todo-item" :class="{ completed: todo.completed }" > <input type="checkbox" v-model="todo.completed" class="checkbox" /> <span>{{ todo.text }}</span> <button @click="removeTodo(index)" class="delete-btn">删除</button> </li> </ul> <div class="footer"> <p>还有 {{ remaining }} 项任务未完成</p> <button @click="clearCompleted" class="clear-btn">清除已完成</button> </div> </div> </template> <script setup> import { ref, computed } from 'vue'; // 新任务输入框 const newTodo = ref(''); // 所有任务列表 const todos = ref([]); // 添加任务 function addTodo() { const text = newTodo.value.trim(); if (text.length === 0) return; todos.value.push({ id: Date.now(), text, completed: false }); newTodo.value = ''; } // 删除任务 function removeTodo(index) { todos.value.splice(index, 1); } // 剩余未完成任务数 const remaining = computed(() => { return todos.value.filter(todo => !todo.completed).length; }); // 清除已完成任务 function clearCompleted() { todos.value = todos.value.filter(todo => !todo.completed); } </script> <style scoped> .todo-app { max-width: 500px; margin: 0 auto; font-family: Arial, sans-serif; } .input-group { display: flex; margin-bottom: 1rem; } .todo-input { flex: 1; padding: 0.5rem; font-size: 1rem; } .btn { padding: 0.5rem 1rem; font-size: 1rem; margin-left: 0.5rem; cursor: pointer; } .todo-list { list-style: none; padding: 0; } .todo-item { display: flex; align-items: center; padding: 0.5rem; border-bottom: 1px solid #ddd; } .todo-item.completed { text-decoration: line-through; color: gray; } .checkbox { margin-right: 1rem; } .delete-btn { margin-left: auto; padding: 0.25rem 0.5rem; cursor: pointer; background-color: #e74c3c; color: white; border: none; border-radius: 4px; } .footer { margin-top: 1rem; display: flex; justify-content: space-between; align-items: center; } .clear-btn { padding: 0.5rem 1rem; background-color: #3498db; color: white; border: none; cursor: pointer; border-radius: 4px; } </style> ``` --- ### ✅ 功能说明 | 功能 | 实现方式 | |------|----------| | 添加任务 | 使用 `v-model` 绑定输入框,按回车或点击按钮添加 | | 删除任务 | 使用 `splice` 按索引删除 | | 切换完成状态 | 使用 `v-model` 绑定 checkbox | | 显示未完成任务数 | 使用 `computed` 属性过滤未完成任务 | | 清除已完成任务 | 使用 `filter` 保留未完成任务 | --- ### ✅ 项目结构建议 你可以将这个组件作为 `TodoList.vue` 文件放入你的 Vue 3 项目中,例如: ``` src/ ├── components/ │ └── TodoList.vue ├── views/ │ └── HomeView.vue └── main.js ``` 并在 `HomeView.vue` 中引入使用: ```vue <template> <div> <TodoList /> </div> </template> <script setup> import TodoList from '../components/TodoList.vue'; </script> ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值