【IMWeb训练营作业】TodoList 初版

最新推荐文章于 2020-11-21 14:03:09 发布
最新推荐文章于 2020-11-21 14:03:09 发布
阅读量390 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingangel_v/article/details/70243887
版权

最近参加IMWeb训练营的vue学习，收获挺多，迈出了vue学习的第一步。


先是学习了一些vue的基础知识和使用，然后就是做这个TodoList，发现vue完全改变了以前写页面的步骤，还在学习和适应中。


目前TodoList完成的功能有：添加任务，还有几个任务未完成，编辑任务，删除任务，本地存储及更新任务，显示未完成/已完成任务。


下面贴出来页面的一些界面和代码：




HTML 代码


JS代码



接下来继续学习


jingangel_v
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
imweb-tpl-loader:imweb-tpl-loader
05-13
"imweb-tpl-loader"是一个专门针对JavaScript模板引擎的加载器，主要用于Web开发中的模块管理和渲染。这个加载器是为了解决在JavaScript项目中整合和处理模板文件的问题，提高开发效率和代码组织性。让我们深入了解...
imweb.github.io:团队博客
05-04
IMWeb 团队博客 前期基于hexo引擎+gitpage搭建 hexo theme: 因为不需要博客引擎中最重要的部分——MD文章生成静态页面，所以后期可直接在静态网站上进行修改。 网站搭建日志 2015年8月10日：成员墙 2015年8月11日： ...
js清空本地存储_Todo List: 新增编辑localStorage+Vuex实现本地存储 - 第二章
weixin_39615499的博客
11-21 112
点击右上方红色按钮关注“web秀”，让你真正秀起来前言在第一章中，我们的Todo List已经初现锥形，本章节我们对页面优化，同时让数据实现本地存储。主要用到localStorage + Vuex来实现页面交互和存储功能。本次《todo list: Vue待办事项任务管理》，分为一下章节，有兴趣的同学可以持续关注。第一章: 初识(项目搭建、基本功能组件实现) 第二章: 数据动态化处理(localS...
【IMWeb训练营作业】todoList初版
dorryLiu的博客
04-19 500
1.之前的项目开发中没有接触过vue，希望可以通过这十天的学习和大家一同努力，一起成长 2.由于之前没有过多的vue react angular开发经验，理解程度上稍慢，目前初版完成了80%（前四节的知识点），之后会再完成之后的功能和后续的学习 收获　如下：  （1）利用flex进行页面布局（暂不考虑低版本浏览器兼容），锻炼了flex布局的熟练度  （2）了解了vue(非cli安装
[IMWeb训练营作业]TodoList 20170419
weixin_38218088的博客
04-20 230
这是第一次写技术博客参与了这个腾讯训练营计划，本来是打算找些时间好好的去学习，发现每天都在加班学习的时间较少，学习的效果不是很好，对VUE掌握的还是不好就去模仿了老师的代码。。。。 javascript代码： var store = {     save(key, value) { // 存localstorage         localStorage.setItem(key,
IMWeb训练营作业-toDoList
qq_38222938的博客
04-15 530
第一个Vue的demo => toDoList。没网2天了，课程没跟上。localstorage部分就没学了。暂时完成到这个版本。之后更新保持，先放demo页面链接。 http://xzchen.github.io/project/vue/todolist/ 运行效果图html 分为header、doing、done三部分。 header里面包括一个input通过指令v-model=creat
【IMWeb训练营作业】Todolist
Tmm94的博客
04-20 385
从4.15开始到现在已经5天了，回顾在腾讯课堂学习的点滴，颇有收获，现分享给大家。首先要感谢腾讯课堂推出的十天训练营活动，在训练营里用VUE来开发，正如她所说的是一款易用，灵活，高性能的渐进式框架，下面来看看她的真实面容。 需求：做一个todolist，要求可添加，删除，双击即可编辑，列表内容分为所有任务，未完成的任务，完成的任务，当没有任务内容显示提示，当有任务内容时，提示还有几条未完成。
IMWeb训练营作业-todolist
u010822213的专栏
04-19 330
Vue-todolist 这个todolist是原来模仿youtobe的一个教程用原生的js写的，是针对移动端的一个小应用，看了直播课后根据学到的相关vue-api改的。 运行的效果图是这样子的核心代码也主要就是相关的几个api /* 这里主要是判断localStorage是否存储的有上次的数据 */ if (localStorage.getItem('todolist')) { /*
IMWeb训练营-ToDoList
weixin_37595918的博客
04-19 254
功能说明：a.添加／删除任务;      b.筛选已完成／未完成任务，全选按钮;   c.若所有任务都被点选，则全选按钮自动被勾选. 效果截图： 没有内容时，任务列表项显示暂无内容 vue制作ToDoList 添加任务后，选中的任务表示已完成，颜色变灰，并且若所有任务都选中，则底部的全选按钮自
【IMWeb训练营作业】todoList
GelinSu的博客
04-20 228
代码地址：https://github.com/GelinSu/IMWeb-1.git 主要代码： todo.html: demo.js: 运行过程： 运行界面： 添加任务：吃饭、睡觉 完成“吃饭”的任务 查看‘未完成的任务’和‘完成的任务’ 删除已完成的任务“吃饭” 双击“睡觉”对其重命名
IMWeb训练营作业——todolist
qq_31384627的博客
04-19 414
学习了todolist的增删改，代码在线地址是 todolist在线浏览这个项目还是蛮经典的，目前为止的功能是 1. 添加任务（在文本框输入任务后，回车添加） 2. 删除任务（点后面的红色叉） 3. 编辑任务（双击编辑任务） 效果如下： 骨架html：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
generator-imweb-react:react 项目脚手架
05-02
generator-imweb-react yeoman generator插件，imweb react 项目脚手架 Install npm install yo npm install generator-imweb-react Usage # 添加新页面 yo imweb-react:page
fis3-preprocessor-imweb-ques:Fis3预处理器插件
04-28
标题"Fis3-preprocessor-imweb-ques"指向的是一个针对FIS3框架的预处理器插件，主要用于imweb团队的Q组件开发。FIS3，全称Fast Internet Site 3，是一个前端集成解决方案，旨在提升前端开发效率，优化前端资源管理。...
腾讯IMWEB前端团队一站式Serverless开发解决方案.docx
10-26
腾讯IMWEB前端团队一站式Serverless开发解决方案.docx
matlab下载.pdf
07-14
matlab下载下载方式及注意事项
Android系统原理及开发要点详解-从入门到精通
07-13
Android系统原理及开发要点详解 Java4 Android视频教程 Android开发视频教学 从入门到精通 Android的软件管理器的开发教程视频 Android深入浅出_Android高端课程分享试听 JavaWeb Android系统的手机防盗软件的实现 Android开发入门与实战随书视频 视频列表.txt 0.0MB 开发入门与实战代码.rar 6.1MB 第9章 我来“广播”你的“意图”——Intent和Broadcast面对面.wmv 15.1MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-2.wmv 0.6MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-1.wmv 24.3MB 第8章 移动信息仓库——Android的数据存储操作之Android数据存储概述.wmv 57.7MB 第7章 良好的学习开端——Android基本组件介绍之友好地互动交流——对话框(Dialog)介绍与实例-2.wmv 7.
GESP等级认证 2024年6月 C++一级真题
最新发布
07-14
GESP等级认证 2024年6月 C++一级真题 从官网上刚刚下载下来的,题都是热乎的,这可是最新真题 大家看一看瞧一瞧,走过路过不要错过,免费下载,全篇无水印,不好用随便吐槽我! 涵盖选择题,判断题,编程题,基础知识多,满满的干货,非常建议下载!!!!! 萌新小白来做做题,复习巩固都很合适!
大学生创业计划书(35)三份资料.doc
07-14
大学生创业计划书(35)三份资料.doc
《Vision 可视化搭建的演进之路.pdf》
05-14
首先，文档提到了IMWeb团队对Vision的贡献，这表明Vision可能与前端开发和Web可视化有密切关系。接着，文档介绍了Vision如何与其他技术如Gems、Baymax、mojo和Nutty等进行集成，这些可能是Vision的扩展库或配套工具...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值