案例四：todolist任务管理页面的实现——需求分析与效果展示

程序世界 2023-01-12 22:59:57

课时名称	课时知识点
案例四：todolist任务管理页面的实现——需求分析与效果展示

...全文

53 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

案例时间这个案例前几天就看了，一直没时间做，今天就把它做出来。这个案例是一个待办事项列表，可以记录自己当天需要做的事情，完成一件就画勾，要是不想要了就删除，可以很好的督促自己完成每天的学习任务啊。看下效果吧。当我第一次看到这个效果时，从局部出发，我的第一反应就是点击事件的删除和添加操作。但是看视频的时候老师做了需求分析，很仔细的分析了案例的效果，事实证明并没有我想的那么简单。确实是添加删除元素的操作，只是对象变了，不是父元素创造元素再添加元素的步骤，而是对存储的操作，最后把存储中的数据渲染到页面。第一次听渲染这个词，懂，也不懂。后来看完整个过程我简单的懂了渲染的意思。还是菜鸟一个。数据

简单待办事项列表只是简单的待办事项清单

分别用原生js和Vue框架实现todolist项目（附有源码）

根据黑马视频（pink老师）的教程写的todolist项目记录，页面/页面样式是从官网扒取下来的，主要是样式代码项目需求分析：可以自行打开todolist的官网更好体会功能需求参考链接http://www.todolist.cn/ 第一步：搭建文件结构第二步：了解本项目的存储的数据： 1.本地localStorage存的是字符串形式 2.页面上使用的是对象格式 <script> var tidolist = [ {

在vue脚手架的基础上做案例，在src文件夹下新建文件main.js,App.vue。新建文件夹components，里面新建Header.vue,List.vue,Item.vue,Footer.vue，（分别代表不同的组件）编写组件的结构,样式。这里面的List相当于Item的父组件组件之间的层级结构图组件使用步骤 1、引入 2、注册分别为全局注册和局部注册 3、写组件标签 main.js // 引入Vue import Vue from 'vue'; // .

陶国荣的课程社区_NO_1

1

社区成员

291

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章