new Date()使用手册

new Date()的参数：

• new Date();
  实例化时刻的日期和时间

• new Date(value);
  value是个时间戳，value的类型必须是Number类型的值，以毫秒数计算的。

react-query简介

react-query是用于状态管理，是为了处理请求的状态。目前在github上已有21.1k个star了。react-query的github地址

react-query的使用

第一步需要用QueryClientProvider组件来包裹项目的根组件。例子如下：

React的TypeScript中使用手册:

@emotion/react

举一个简单的例子：

1
2
3
4
5
6
7
8
9
10

/* @jsxImportSource @emotion/react */
import { css } from '@emotion/react'

 <div
    css={css`
        color: red
    `}
 >
    emotion
</div>

这个例子的css样式没有生效的，反而会报错，报错信息如：Property 'css' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'

使用多个远程库时，要注意git给远程库起的默认名称是origin，如果有多个远程库，我们需要用不同的名称来标识不同的远程库。仍然以learngit本地库为例，先删除已关联的名为origin的远程库：

1

git remote rm origin

然后，先关联GitHub的远程库：

1

git remote add github git@github.com:xxx/LearnGit.git

注意，远程库的名称叫github，不叫origin了。

常见到的数据可视化工具

• Echarts JavaScript 实现的开源可视化库
• AntV 蚂蚁集团数据可视化团队
• D3.js 将强大的可视化组件和数据驱动的 DOM 操作方法完美结合。
• vega 华盛顿大学计算机学院数据交互实验室（IDL）开发的一套交互图形语法
• HighCharts 纯 JavaScript 编写的图表库
• FineBI 新一代自助大数据分析的BI软件

在进行git 操作之前，先进行一个配置，这个配置告诉git 用户和邮箱
例子：

1
2

git config --global user.name "wxb" 
git config --global user.email "******@163.com"

参考下面的流程图：

安装

1

npm i koa-static --save

使用

1
2
3
4
5
6
7
8

const Koa = require('koa');
const app = new Koa();
// 引入 koa-static
const koaStatic= require('koa-static');
const path = require('path');

app.use(koaStatic(path.join(__dirname, './static')))
app.listen(3030);

一、什么是Generator函数

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。
由于JavaScript是单线程语言，因此传统的函数程序开始执行直到运行结束才会停止，在此期间是不会被其他代码片段打断的。但是generator函数能够利用它独有的特性yield表达式去控制程序的运行的状态，暂停还是继续。

Generator和普通函数的区别

1. 写法的不同，Generator函数function后要加上星号，Generator函数是可以暂停执行的。
   例子：

场景：

当表单输入时，限制用户最大输入的长度时，会导致提示错误消息消失
例子：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

 // 校验金额
 const validateMoney = (rule: RuleObject, value: StoreValue) => {
     if (value.length > 20) {
        form.setFieldsValue({ cashOutAmount: value.slice(0, 21) });
         return Promise.reject('不能超过20位');
      }
 }


<Form form={form}>
    <Form.Item
        name="cashOutAmount"
        label="提现金额"
        rules={[{ validator: validateMoney }]}
        validateTrigger="onChange"
    >
        <Input/>
    </Form.Item>
</Form>

问题

使用koa-session时，获取session显示的是undefined

原因

session是依赖于cookie的，前后端跨域时，前后端需要配置允许携带cookie