流年瓦解我们的记忆

摘要： 需求 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 元素。 阅读全文