
前端基础-React
Yavin_Ma
Wuhan University(Remote Sensing) -> UC Berkeley(EECS)
展开
-
Ant Design Form表单组件的使用 - 以一个注册页面为例
1 Form基础概念组件的文档:Antd-Form表单的结构: Form内嵌套多个Form.item 每个Form.Item中放置一个表单组件(比如Button或者Item),Form.Item对直接子元素绑定表单功能。 多个子元素,需要通过内嵌多个Form.Item完成。 Form的属性: form,用来接受更新UI的数据。 name,表单名 onFinish,绑定回调函数 Form.Item的属性: name,项目名(提交表单时,发送的JSON表的keys)原创 2020-09-26 21:01:18 · 6049 阅读 · 0 评论 -
【前端基础知识笔记】 【项目导向型】(持续更新中)
我在做项目的过程中,学习了一些前端基础知识。为了方便以后的查询,将这些知识集中在这篇博客中,方便以后的查询。todo-list项目中的知识:1. NPM 版本号控制版本号:major.minor.patch^:控制Major~:控制Minor空前缀:安装指定版本2.如何实现本地持久化存储应当使用localStorage进行存储。localStorage:localStorage 很适合进行少量数据(< 5 M)的存取sessionStorage:session..原创 2020-09-07 15:59:31 · 1112 阅读 · 0 评论 -
Redux 浅析 - 基础知识、单向数据流、使用方法
Redux 单向数据流浅析 与 react-redux的使用方法参考资料:Redux·自述(英文版点这里)1. Redux的使用1.1 单向数据流1.1.1 简单的单向数据流示例参考资料:Redux Terms and Concepts下方代码块中,展示了一个React计数器组件。它在counter state中记录数字,在button每次被点击时对该数字增加1. 在这个组建中,理解View、Actions、State State State是描述了App..原创 2020-09-25 19:31:03 · 1255 阅读 · 0 评论 -
理解和使用 Promise & async/await
理解和使用Promise参考资料:JS.info的 Promise,async/await 章节1. 一个使用Promise的例子callbacks 回调(揭露多层回调地狱的问题)Promise-basics(利用Promise解决问题)Promise 链使用 promise 进行错误处理Promise API(静态方法)Promisification(将接受callback的函数转换为返回promise的函数)Async await原创 2020-09-21 16:19:44 · 841 阅读 · 0 评论 -
useEffect钩子
1. useEffect的返回函数(在组件销毁时执行的函数)useEffect被用于在函数组件中模拟生命周期。在 useEffect 中,第二个参数的作用是监控变更条件,当参数中的数据发生变化之后,就会触发 useEffect 从而实现更新;2. 为什么第二个参数是数组类型?因为需要监控的数据可能不止一个;3. 如果第二个参数留空会怎么样?如果留空,那么 useEffect 会在每次重新渲染之后执行;4. 如果传入一个空数组会怎么样?如果传入空数组,那么 useEffect 只原创 2020-09-21 15:54:52 · 753 阅读 · 0 评论