TodoList

2024-09-18前端——JavaScript练习做一个todoList
用前端制作一个todoList的表格，实现更新、删除、修改等功能。涉及几个知识点：设置最小高度（宽度）：.container{min-width:350px;/*最小宽度最小不会小于210px*/} 去掉外轮廓outline:none;去除字符串两端的空白字符（包括空格、制表符、
2024-09-09RecoilXState
RecoilXState初始化项目create-react-apphs-react-state-examplescdhs-react-state-examplescnpmstartContextContext通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递props属性使用importReact,{useState,createContext,useContex
2024-08-19[Design Pattern] Memento Pattern
//memento.jsimport{TodoList}from"./classes.js";exportconstTodoHistory={history:[],push(state){if(state){//alwayspushanewSettoavoidreferenceissuesthis.history.push(newSet([...state]));}
2024-07-25electron TodoList网页应用打包成linux deb、AppImage应用
这里用的是windows的wsl的ubuntu环境electron应用打包linux应用需要linux下打包，这里用windows的wsl的ubuntu环境进行操作1）linuxubuntu安装nodejs、electron安装nodejs：sudoaptupdatesudoaptupgrade##快捷安装curl-fsSLhttps://deb.nodesource.com/setup_20.x
2024-07-15手写TodoList
手写TodoList<scriptsetup>import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},
2024-06-15处理迷茫时期
迷茫时期如何快速调整状态什么时候会迷茫？计划都做完，没有下一步规划人一天有2到5个小时能够自由掌握是最好的，空闲时间久了，就会自动产生迷茫感。迷茫时期应该干什么？下面是提供的两种方案：突破舒适圈，了解一个自己不怎么涉足的领域。总结过往，回顾最近一周乃至一个月的生活状
2024-05-14超简洁的todolist工具，电脑桌面高效计划管理软件
对于上班族来说，在电脑上使用一款高效计划管理软件至关重要。这样的工具不仅能帮助我们清晰地规划和追踪工作任务，还能有效提高工作效率，减少遗漏和延误。例如，当我们面临多个项目并行时，通过管理软件可以一目了然地查看各项任务的进度和优先级，从而合理分配时间和精力。那么，哪款电脑桌
2024-04-09用vue.js写案例——ToDoList待办事项（步骤和全码解析）
目录一.准备工作二.编写各个组件的页面结构三.实现初始任务列表的渲染四.新增任务五.删除任务六.展示未完成条数七.切换状态-筛选数据八.待办事项（全）代码一.准备工作在开发“ToDoList”案例之前，需要先完成一些准备工作，包括创建项目、引入BootStrap样式文
2024-03-21询问ChatGPT4，改造TodoList：把本地存储的localStorage修改成PHP+Redis
这里照搬的是：免费极简设计网页版Todo https://www.ricocc.com/todo/非常感谢原作者Rico。我很喜欢这个设计和风格，但是可惜只能本地存储，我又不想使用微软的TODO，登录倒无所谓，但是数据同步问题很大，实在头痛，所以放弃。我是菜鸟，只是刚好前段时间安装了Apache、PHP的一键安装包和
2024-03-20前端学习-vue学习007-计算属性+Class 与 Style 绑定
官方教程链接Class与Style绑定Vue专门为class和style的v-bind用法提供了特殊的功能增强<span:class="{done:item.done}">{{item.text}}</span>如果item.done是true，以上代码实际为<span:class="done">{{item.text}}</span>如果item.done是false，
2024-02-29Vue CLI 系列之（十）webStorage
webStorage【浏览器本地存储】localStorage和sessionStorage统称为webStorage1.localStorage未登录账号的情况下进行了商品搜索，搜索历史中保存了之前的搜索记录借助浏览器的本地存储可以将数据存到硬盘上，用于缓存数据通过浏览器如何查看浏览器本地存储每个网站都有自己
2024-01-31Vue3.0学习（一）
1.Vue脚手架创建通过npm命令可以创建Vue3的脚手架工程：##创建工程npminitvite-app<project-name>##进入工程目录cd<project-name>##安装依赖npminstall##运行npmrundev2.关于setupVue中支持两种Api风格：选项式、组合式。官网中解释：使用选项式API，我们可以用
2023-11-0837-Vue脚手架-nextTick（使用nextTick优化TodoList案例）
this.$nextTick（十分常用的功能）语法：this.$nextTick(回调函数)作用：在下一次DOM更新结束后执行其指定的回调什么时候用：当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行案例：使用 $nextTick优化TodoList案例，在UserItem中添加一个编辑按
2023-10-21关于原始typescript实现todolist(装饰器模式)
前言我是歌谣最好的种树是十年前其次是现在今天继续给大家带来的是原始typescript的讲解环境配置npminit-yyarnaddvite-D修改page.json配置端口{"name":"react_ts","version":"1.0.0","description":"","main":"index.
2023-09-21react的todolist
React的todolistsrc/main.jsximportReactfrom'react'importReactDOMfrom'react-dom/client'importAppfrom'./App.jsx'import'./index.css'ReactDOM.createRoot(document.getElementById('root')).render(
2023-09-21react的todolist拆分项目
React的todolist的拆分项目TodoList.jsximportTodofrom"./Todo"exportdefaultfunctionTodoList({todos,toggleTodo,deleteTodo}){return<><ul>{todos.map(todo=><
2023-09-17react todolist
reacttodolisttodolist/src/main.jsximportReactfrom'react'importReactDOMfrom'react-dom/client'importAppfrom'./App.jsx'import'./index.css'ReactDOM.createRoot(document.getElementById('root')
2023-09-11ToDoList-L
2023-09-10使用 gin 和 gorm 编写一个练手项目 todolist
1.项目截图2.项目中用到的技术2.1.gin框架GinWebFramework-中文文档Gin框架介绍及使用2.2.gorm（Golang语言的ORM库）GORM指南2.3.前端画面主要是原生的htmlcssJavaScript，以及引入了JQuery3.运行项目3.1.项目地址https://github.com/wtraceback/
2023-07-25vue--day44-todolist的localStorage本地存储
添加修改删除数据发生变化，可以用watch监测来实现监测数据的变化1.App.vue <template><divid="root"><divclass="todo-container"><divclass="todo-wrap"><MyHeader:addTodo=&q
2023-07-11todoList
<scriptsetup>import{ref}from"vue";consttodo=ref("");consttodoList=ref([]);constaddTodo=()=>{ todoList.value.push({todoName:todo.value,status:false}); todo.value="";}constdeleteTodo=()
2023-07-04【十一】JavaScript之案例-todolist
【十一】JavaScript之案例-todolist基本页面<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>body,ul,input{margin:0;padding:
2023-06-30TodoList案例
案例介绍文本框里面输入内容，按下回车，就可以生成待办事项。点击待办事项复选框，就可以把当前数据添加到已完成事项里面。点击已完成事项复选框，就可以把当前数据添加到待办事项里面。但是本页面内容刷新页面不会丢失。toDoList分析以及注意点刷新页面不会丢失数据，
2023-06-29MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（8）-Ant Design Blazor前端框架搭建
前言前面的章节我们介绍了一些值得推荐的BlazorUI组件库，通过该篇文章的组件库介绍最终我选用AntDesignBlazor这个UI框架作为ToDoList系统的前端框架。因为在之前的工作中有使用过AntDesignVue、AntDesignAngular习惯并且喜欢AntDesign设计规范和风格，废话不多说今天我
2023-06-29教你如何用Vue3搭配Spring Framework
摘要：在本文中，我们将介绍如何使用Vue3和SpringFramework进行开发，并创建一个简单的TodoList应用程序。本文分享自华为云社区《Vue3搭配SpringFramework开发【Vue3应用程序实战】》，作者：黎燃。一、介绍Vue3和SpringFramework都是现代Web应用程序开发中最流行的框架之一。Vue3是一个