- 博客(11)
- 收藏
- 关注
RSS订阅原创 《十》高阶组件
高阶组件也有其缺点：HOC 需要对原组件进行包裹，如果大量使用 HOC，将会产生非常多的嵌套，会让调试变得困难；而且 HOC 可以劫持 pros，在不遵守约定的情况下可能会造成 props 的冲突。，简称 HOC，就是参数为组件，返回值为新组件的函数。高阶组件对原组件进行了一层拦截，就可以对原组件进行各种增强了。高阶组件并不是 React API 的一部分，而是一种基于 React 的组合特性而形成的设计模式。高阶组件的实现案例：通过高阶组件为自定义组件统一注入用户信息作为其 props。
2021-02-26 09:32:36
986
原创 《七》组建通信之使用 Context 进行祖孙组件间通信
Context：提供了一种不必显示地通过组件树逐层传递 props，就可以在组件之间共享数据的方式。常用于祖先组件与后代组件间通信。需要谨慎使用，因为这会使得组件的复用性变差。
2021-02-24 11:41:30
324
原创 Sourcetree 使用
添加已存在的本地仓库：克隆远程仓库：分支：在左侧面板的“分支”下，列出了当前本地库的所有分支。当前分支会加粗并用○标记。切换分支：要切换分支，只需要选择该分支，双击即可（相当于执行了git checkout命令）。合并分支：选择要合并的分支，右击，选择合并xxx至xxx即可（相当于执行了 git merge 命令）。拉取：点击上方的拉取按钮即可（相当于执行了 git pull 命令），需要注意本地和远程的分支名要对应。提交：选择面板左侧的WORKSPACE–>文件状态，面
2021-02-22 17:00:25
1195
原创 《六》Git Flow
Git Flow 是一种 Git 工作流，通过为功能开发、发布准备和维护设立独立的分支，让发布迭代过程更流畅。git-flow 并不是要替代 Git，它仅仅是把标准的 Git 命令用脚本组合了起来。安装并初始化 git-flow 后，Git 还是可以像之前一样工作，只是会拥有一些扩展命令，这些命令会在一个预定义的顺序下自动执行多个操作。
2021-02-20 18:23:53
1493
原创 《十二》React Hooks 基础和最重要的钩子
针对上面出现的情况，开发者通常都会编写类组件。但是类组件也存在自己的问题，简而言之，就是类组件比较复杂，学习成本和编写成本都比较高。Hooks 的出现，可以解决上面提到的问题。Hooks 是 React V16.8 新增的特性。
2021-02-20 17:05:48
480
原创 《PC端UI框架》Ant Design V4 中获取表单实例
V3版本：import React from 'react'import { Form, Input } from 'antd'class FormDemo extends React.Component { submit = () => { const { form } = this.props form.validateFields((err, values) => { console.log(err, values) }) } re
2021-02-20 14:26:54
637
原创 《PC端UI框架》Ant Design V4 中表单校验
V3版本：使用getFieldDecorator的rules验证，rules中定义校验规则：message为校验不通过时的提示文字。{getFieldDecorator('name', { rules: [{ required: true, message: '请输入内容!', }], })( <Input />)}使用getFieldDecorator的validator自定
2021-02-20 14:24:03
1202
2
原创 GitBook
GitBook 工具链是一个使用 Git 和 Markdown 来构建书籍的工具。它可以将书输出很多格式：PDF，ePub，mobi或者输出为静态网页。文档：https://chrisniael.gitbooks.io/gitbook-documentation/content/GitBook.com 是一个使用工具链来创建和托管书籍的在线平台 (www.gitbook.com)。
2021-02-18 09:54:28
1428
1
原创 Sinon.js
Sinon是用来辅助进行前端测试的，在代码需要与其他系统或者函数对接时，它可以模拟这些场景，从而使测试的时候不再依赖这些场景。例如：在进行Ajax请求时，不再需要设置服务器，而是用Ajax的替代代码，把Ajax的逻辑替换成不需要通过请求服务器就返回预先设置好的数据。文档地址：https://sinonjs.org/安装：使用npm安装：npm install --save-dev sinon在项目中引入：var sinon = require('sinon');方法：Sinon有主
2021-02-03 16:54:14
798
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人