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