摘要: 需求 1) 添加任务 2) 删除任务 3) 更新任务状态 4) 全选/全不选 5) 清除已完成的任务 组件的划分 TodoList整体作为一个大组件; Header:input添加 List:列表作为一个组件; Item: 列表中的每个列表项(ListItem)作为一个组件 Footer:底部展示和 阅读全文
posted @ 2021-03-17 11:45 流年瓦解我们的记忆 阅读(844) 评论(0) 推荐(0) 编辑
摘要: 使用create-react-app创建react应用 React脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项 阅读全文
posted @ 2021-03-12 17:58 流年瓦解我们的记忆 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 为什么使用key(虚拟DOM中key的作用) Keys可以在DOM中的某些元素被增加或删除的时候帮助React识别哪些元素发生了变化。因此你应当给数组中的每一个元素赋予一个确定的标识。 react的diff算法是把key当成唯一id然后比对组件的value来确定是否需要更新的,所以如果没有key,r 阅读全文
posted @ 2021-03-11 15:31 流年瓦解我们的记忆 阅读(328) 评论(0) 推荐(0) 编辑
摘要: React生命周期(生命周期钩子函数) 一个关于生命周期的demo 需求:定义组件实现以下功能: 让指定的文本做显示 / 隐藏的渐变动画 从完全可见,到彻底消失,耗时2S 点击按钮从界面上卸载组件 class Demo extends React.Component{ state = { opaci 阅读全文
posted @ 2021-03-11 09:31 流年瓦解我们的记忆 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 组件实例的三大属性 3 : refs (1)ref用于标识组件内部某个元素(组件内的标签可以定义ref属性来标识自己) (2)refs 是标识集合 字符串形式的refs <input ref="input1"/> 例子 class Demo extends React.Component{ getD 阅读全文
posted @ 2021-03-09 10:13 流年瓦解我们的记忆 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 组件实例的三大属性 2 : props 一个demo(props的基本使用) 需求:自定义用来展示一个人员信息的组件(姓名、性别、年龄) <div id="test"></div> <div id="test2"></div> <script src="../../../js/react.devel 阅读全文
posted @ 2021-03-08 11:27 流年瓦解我们的记忆 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 在React中定义组件 函数式组件 函数式组件(用函数定义的组件)比较简单一般用于静态没有交互事件内容的组件页面 // 1、创建函数式组件 (组件是代码和资源的结合) function MyComponent(){ console.log(this) // 此处的this是undefin 因为bab 阅读全文
posted @ 2021-03-04 15:37 流年瓦解我们的记忆 阅读(162) 评论(0) 推荐(0) 编辑
摘要: React的基本认识 官网:https://react.docschina.org/ 什么是React React是用于构建用户界面的JavaScript库(react只关注界面(视图)) React是一个将数据渲染为HTML视图的开源JavaScript库 在页面上需要展示一些学生的信息,大概需要 阅读全文
posted @ 2021-03-04 10:52 流年瓦解我们的记忆 阅读(88) 评论(0) 推荐(0) 编辑
摘要: $('#image').on('change', function () { var url = ""; var form = new FormData(); form.append("file", this.files[0]); var settings = { "url": url, "meth 阅读全文
posted @ 2019-01-11 09:12 流年瓦解我们的记忆 阅读(596) 评论(0) 推荐(0) 编辑
摘要: HTML 属性赋予元素意义和语境。全局属性可用于任何 HTML 元素。 阅读全文
posted @ 2019-01-04 15:44 流年瓦解我们的记忆 阅读(145) 评论(0) 推荐(0) 编辑