Morgan的技术博客

MVVM:View: A View is a simple building block of a user interface. It is a small rectangular box that can be TextView, EditText, or even a button.View Group: LayoutUI Controller: Fragment & Activity - Contains views and code for displaying data, and user-e

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）

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..

理解和使用Promise参考资料：JS.info的 Promise，async/await 章节1. 一个使用Promise的例子callbacks 回调（揭露多层回调地狱的问题）Promise-basics（利用Promise解决问题）Promise 链使用 promise 进行错误处理Promise API（静态方法）Promisification（将接受callback的函数转换为返回promise的函数）Async await

错误处理阅读错误处理（用来理解error）。阅读时的简要笔记：2.1 关于错误处理try..catch结构允许我们处理执行过程中出现的 error。从字面上看，它允许“尝试”运行代码并“捕获”其中可能发生的错误。try { // 执行此处代码} catch(err) { // 如果发生错误，跳转至此处 // err 是一个 error 对象} finally { // 无论怎样都会在 try/catch 之后执行} 【行为】 try...ca.

背景知识：组件的生命周期 - mount与unmount重新渲染（rerender）是不会触发unmount与mount的。函数组件内的函数、变量等会再组件渲染时重新生成由于state的更新会触发所在组件的重新渲染，组件内的function、变量都会在组件渲染时重新生成。

1. useEffect的返回函数（在组件销毁时执行的函数）useEffect被用于在函数组件中模拟生命周期。在 useEffect 中，第二个参数的作用是监控变更条件，当参数中的数据发生变化之后，就会触发 useEffect 从而实现更新；2. 为什么第二个参数是数组类型？因为需要监控的数据可能不止一个；3. 如果第二个参数留空会怎么样？如果留空，那么 useEffect 会在每次重新渲染之后执行；4. 如果传入一个空数组会怎么样？如果传入空数组，那么 useEffect 只

数组解构：支持：解构字符串、跳跃解构、利用剩余参数解构，也支持默认值。对象解构：关键：用对应的键名来解构对象应用：for of循环：解构参数：参数默认值：交换变量：import 语句：ES6的import语句也是解构赋值。

文章的介绍：目录0. 思维导图-知识体系0. HTML如何理解HTML语义化？【HTML】默认情况下，哪些HTML标签是块级元素、哪些是内联元素？【HTML】1. CSS1.1 布局盒模型的宽度该如何计算？margin纵向重叠的问题（很多元素纵向排列，如果有margin会有重叠的问题）margin负值问题（比如margin-left = -100是什么情况）BFC的理解和应用float布局的问题，以及clearfix（清除浮动）-> 手写clearfix

我在做项目的过程中，学习了一些前端基础知识。为了方便以后的查询，将这些知识集中在这篇博客中，方便以后的查询。todo-list项目中的知识：1. NPM 版本号控制版本号：major.minor.patch^：控制Major~：控制Minor空前缀：安装指定版本2.如何实现本地持久化存储应当使用localStorage进行存储。localStorage：localStorage 很适合进行少量数据（< 5 M）的存取sessionStorage：session..

1. 实现登录框（在Login内操作）1.1 登录方式切换可以使用账号密码登陆，或者用手机登陆。所以应当有一个Tabs，默认是显示账号密码登陆的tab。在Login/index.js中修改：import React from 'react'import { Tabs } from 'antd'import styles from './index.module.less'// module 是create react app的要求，它按照文件名来识别。const { TabPan

Ant Design UI框架、Less与CSS Module前置知识：开发环境与生产环境开发环境中部署源码。生产环境所部属的是编译生成的文件。相比生产环境，开发环境中额外包括了调试和编译中所需要的包。比如本章会提及的babel-plugin-import是在打包编译中使用的，所以只需要安装在开发环境.此外，开发环境中各类安装的模块保存在node_modules里面。而生产环境中需要的包已经被编译到了一些js文件里，如下图所示。这些文件中同时包括基础的运行环境和业务逻辑。1. 导入并使用an

1. 项目创建按照React项目结构中所述完成准备。利用create-react-app(cra)创建项目，对创建出的项目目录的说明参考React项目结构。清理src文件下的index.js与App.js，使之变为空项目。2. 安装Router安装router由于生产环境需要router，所以不要用-D命令来只安装到开发环境中。（用缺省或-S都可以npm i react-router-dom -S引入BrowserRouter（在App.js中操作）在App.js里面.

第五篇

第四篇

第三篇

第二篇

第一篇