常用函数和库

发表于 更新于 分类于 本文字数： 1.2k 阅读时长 ≈ 1 分钟

JavaScript

Array.prototype.filter()

filter() 方法创建给定数组一部分的浅拷贝，其包含通过所提供函数实现的测试的所有元素。

Array.prototype.reduce()

reduce()方法对数组中的每个元素按序执行一个由您提供的 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。

Array.prototype.every()

every()方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。

JSON.parse()

将JSON字符串转换为对象格式

JSON.stringify()

将对象格式转换为JSON字符串

String.prototype.startsWith()

startsWith() 方法用来判断当前字符串是否以另外一个给定的子字符串开头，并根据判断结果返回 true 或 false

React

PubSubJS

解决React兄弟组件之间不能直接传输数据的问题，通过消息的订阅和发布在任意位置相互传输数据

1
2
3
4
// 消息的订阅，响应收据
var token = PubSub.subscribe('MY TOPIC', (msg, data) => {...});
// 消息的发布，请求数据
PubSub.publish('MY TOPIC', 'hello world!')

react-router-dom

react-router-dom是什么？
1. react的一个插件库。
2. 专门用来实现一个SPA应用。(single page web application，SPA)
3. 基于react的项目基本都会用到此库。
内置组件：

1
2
3
4
5
6
7
1.	<BrowserRouter>
2.	<HashRouter>
3.	<Route>
4.	<Redirect>
5.	<Link>
6.	<NavLink>
7.	<Switch>
1
2
3
4
// withRouter可以加工一般组件，让一般组件具备路由组件所特有的API
// withRouter的返回值是一个新组件
import {withRouter} from 'react-router-dom'
export default withRouter(...)

Ant Design

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品
安装

1
2
npm install antd
yarn add antd

nanoid

nanoid可随机生成一个ID值

1
2
3
4
5
6
// 安装
npm i nanoid
// 引入
npm {nanoid} from 'nanoid'
// 调用
nanoid()