app.vue <template> <div id="app"> <input type="text" v-model='todo' /> <button @click="doAdd()">+增加</button> <br> <hr> <br&
app.vue <template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> <hr> <br> <h2>进行中</h2&g
<div id="app"> <div class="addbar"> <input type="text" v-model="inputVal"><button @click="addVal">添加</button> </div> <div>共有:{{data.length}}条
# 实现逻辑： > * 技术栈> 1. 生命周期，creatd( 创建后执行)> 2. methods'： 调用事件方法，结果不会缓存> 3. Watch ： 监听器，监听输入的字数> 4. Filters： 过滤器，时间> 5. prevent ： 修饰符，阻止默认事件> 6. computed： 计算属性，计算结果会被缓存 1 <template> 2 <div> 3
1、注册一个github账号 2、new 一个repositories，命名bilibili_todoList 3、安装git成功后，打开git bash here，进入本地项目文件夹bilibil_todoList cd 文件夹目录 4、将github上的仓库克隆到本地 git clone github上的WebURL 此时本地项目目录多出一个bilibili_todoList文件夹
在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。 # 最新稳定版 $ npm install vue 在选择目录下创建项目名，输入项目名，描述，作者，构建项选择runtime+Compiler，是否安装路
微信小程序的学习 微信小程序的开始尝试 TodoList 微信开发者工具生成 目录如下： . |-- app.js |-- app.json |-- app.wxss |-- pages | |-- index # 主页 | | |-- index.js | | |-- index.json | | |-- index.wxml | | `-- index.wxss | `-- log #
昨天的 ToDoList [x] 登录网页版的Mooc（马原） [ ] 认真听完kqm的课 [ ] 睡前阅读 [ ] 研究一下学长的话 [x] 继续数据库文档的编写 [x] 重新爬取数据（更改原来的吧） [x] 健康打卡 [x] 八段锦打卡 [ ] 早起八段锦 今天是四月九号，我昨天晚上又咕咕了，昨晚有cf 的，我昨晚大概十点的时候又
//性能优化一点，极少成多，网页会成为大厂所青睐的网页 //如下一个hooks函数 import React,{useState} from 'react'; // import TodoList from './TodoList'; function App() { let a=1; console.log(1) //可以看到数据更新，就执行一次，上面的let a 也执行，数据较多时损耗性能。
写的代码较简单，考虑的没有那么全面但是可以运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <script type="text/javascript" src="../jQueryLi
TODOLIST（小白向） 编程思想 我们在学习一门语言时，从它的语法，特性，功能种种进行了解，但是能让你开始掌握这门语言的，是在你在键盘上开始实践的时候。 而一个项目，无论大小，即便是TodoList，也可以让你的实践开始质变。 为什么会产生质变，就是因为编程思想的改变。 当你练习语言的时候，你想的
1、redux是什么？9 Redux就是React的状态管理工具 2、安装Redux: cnpm install -S redux 3、创建Store 我们在src下建一个store文件，里面有index，和reducer 下面我们创建store //数据（可以是ajax请求的） const defaultStaet = { //input的value inputV
1 什么是JSX语法？ 原生JS中，要向页面中挂载html标签，标签一定是被引号''包起来的：document.getElementById('root').append('<div>hello world</div>'); 但在JSX语法中，不需要用引号包起来，这是JSX语法中的显著特点。 JSX中有两种类型的标签： 1⃣️普通的html标签(如App.js中的<div>hello</
主要功能 增加数据 删除数据 修改数据 查寻数据渲染页面 1.先创建 Todolist.js 组件并引入组件 // 引入react import React from 'react'; // 引入子组件 import App from './App'; import Son from './Son'; // 声明class类 export d
作业题目：实现“todolist项目” 作业需求: 基础需求：85%参考链接http://www.todolist.cn/1. 将用户输入添加至待办项2. 可以对todolist进行分类（待办项和已完成组），用户勾选既将待办项分入已完成组，也可以将已完成变成未完成3. todolist的每一项可删除和编辑4. 下方有clear按钮，并清空所
1.v-for for循环：v-for="item in list"中的item 为list中的每一项，类似for in 循环 <body> <div id="app"> <input type="text"/> <button>提交</button> <ul> <li v-for="i
<div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" name="" id="txt1" class="inputtxt"> <input type="button" name=""
<div class="list_con" id="todolist"> <h2>To do list</h2> <input type="text" v-model="text" id="txt1" class="inputtxt"> <input type="button" name="
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>todolist</title> <style type="text/css"> .list_con{ width:600px; margin:50px auto 0; } .inputtxt{
感觉好长时间没写博客一样，app.js代码 import React from 'react'; import { useState } from 'react'; function App() { const [input, setInput] = useState(''); // const [inputList, setInputList] = useState([]); // let submitData=()=&g
### 1. 创建项目 create - react - app 项目名（shop） ### 2. 进入项目，下载redux cnpm install redux --save ### 3. 在src中创建几个文件夹 App ----->App.css App.js store------>store.js todo----->to.js reducer------>reducer.js list
写在前面的话： 一直想着手动配置webpack实现应用，正好最近这段时间比较空闲，就写了一个通过webpack打包实现todolist的简单应用。本文内容包括：通过webpack打包css，html，js文件处理，以及图片处理。以下是配置文件内容，如果你都能看懂，那本文对你可能收效甚微。如有不解之处，敬请细看。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&qu
放上代码： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <script src="https://unpkg.com/vue/dist/vue.js"></script> 6 <title></title> 7 &l
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>TodoList</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head>
