阿振sc

ChengDu China Web Developer, Working In React、Vue、TypeScript、Nodejs、Golang and Rust!

Results 101 issues of


                                            阿振sc

用 concurrently 启动多个应用

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [concurrently](#concurrently) - [安装](#%E5%AE%89%E8%A3%85) - [使用](#%E4%BD%BF%E7%94%A8) - [更多参考](#%E6%9B%B4%E5%A4%9A%E5%8F%82%E8%80%83) ## concurrently > 在前端工程中，`concurrently`方便我们同时启动多个应用，比如这样的场景：我们需要在某个工程下对配置文件进行读写，但直接使用JavaScript不太方便，所以我们需要启动一个Server并提供服务，该服务会根据参数对相应的文件进行读写操作，以完成配置的可视化操作 `concurrently` 就是用来启动前端工程和其他`Server`进程的。文档地址： https://www.npmjs.com/package/concurrently github地址: https://github.com/kimmobrunfeldt/concurrently ### 安装 ```bash yarn add concurrently...

深入浅出TypeScript

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [深入浅出Typescript](#%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BAtypescript) - [前言](#%E5%89%8D%E8%A8%80) - [开始](#%E5%BC%80%E5%A7%8B) - [工具](#%E5%B7%A5%E5%85%B7) - [安装](#%E5%AE%89%E8%A3%85) - [环境](#%E7%8E%AF%E5%A2%83) - [编写第一个 TypeScript 程序](#%E7%BC%96%E5%86%99%E7%AC%AC%E4%B8%80%E4%B8%AA-typescript-%E7%A8%8B%E5%BA%8F) - [Typescript的原始类型](#typescript%E7%9A%84%E5%8E%9F%E5%A7%8B%E7%B1%BB%E5%9E%8B) - [布尔类型](#%E5%B8%83%E5%B0%94%E7%B1%BB%E5%9E%8B) - [数字](#%E6%95%B0%E5%AD%97) - [字符串](#%E5%AD%97%E7%AC%A6%E4%B8%B2)...

Dva中的警告错误 warning Please use require( history).createHashHistory instead of

安装好 `dva`，启动后在浏览器控制台，有时候会报如下的错误： ![](https://s1.ax1x.com/2020/04/23/Jd38gK.jpg) 解决方案：找到 `node_modules` 中的 `dva` 包 ![](https://s1.ax1x.com/2020/04/23/Jd3336.png) 修改 `lib/index.js` ![](https://s1.ax1x.com/2020/04/23/Jd319x.jpg) 关闭编译器和服务重新启动就好了

LESS简明教程

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [概览](#%E6%A6%82%E8%A7%88) - [变量（Variables）](#%E5%8F%98%E9%87%8Fvariables) - [混合（Mixins）](#%E6%B7%B7%E5%90%88mixins) - [嵌套（Nesting）](#%E5%B5%8C%E5%A5%97nesting) - [@规则嵌套和冒泡](#%E8%A7%84%E5%88%99%E5%B5%8C%E5%A5%97%E5%92%8C%E5%86%92%E6%B3%A1) - [运算（Operations）](#%E8%BF%90%E7%AE%97operations) - [calc() 特例](#calc-%E7%89%B9%E4%BE%8B) - [转义（Escaping）](#%E8%BD%AC%E4%B9%89escaping) - [函数（Functions）](#%E5%87%BD%E6%95%B0functions) - [命名空间和访问符](#%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4%E5%92%8C%E8%AE%BF%E9%97%AE%E7%AC%A6) - [映射（Maps）](#%E6%98%A0%E5%B0%84maps) -...

Node-Sass安装失败的三种解决方案

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [node-sass 安装失败的原因](#node-sass-%E5%AE%89%E8%A3%85%E5%A4%B1%E8%B4%A5%E7%9A%84%E5%8E%9F%E5%9B%A0) - [解决方法一：使用淘宝镜像源（推荐）](#%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%E4%B8%80%E4%BD%BF%E7%94%A8%E6%B7%98%E5%AE%9D%E9%95%9C%E5%83%8F%E6%BA%90%E6%8E%A8%E8%8D%90) - [解决方法二：使用 cnpm](#%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%E4%BA%8C%E4%BD%BF%E7%94%A8-cnpm) - [解决方法三：创建.npmrc文件](#%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%E4%B8%89%E5%88%9B%E5%BB%BAnpmrc%E6%96%87%E4%BB%B6) ## node-sass 安装失败的原因 `npm` 安装 `node-sass` 依赖时，会从 `github.com` 上下载 `.node` 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。这是使用 `sass` 的同学可能都会遇到的郁闷的问题。...

Nodejs入门指北

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [Node是什么?](#node%E6%98%AF%E4%BB%80%E4%B9%88) - [Node的内部机制](#node%E7%9A%84%E5%86%85%E9%83%A8%E6%9C%BA%E5%88%B6) - [回调](#%E5%9B%9E%E8%B0%83) - [同步/异步和阻塞/非阻塞](#%E5%90%8C%E6%AD%A5%E5%BC%82%E6%AD%A5%E5%92%8C%E9%98%BB%E5%A1%9E%E9%9D%9E%E9%98%BB%E5%A1%9E) - [单线程和多线程](#%E5%8D%95%E7%BA%BF%E7%A8%8B%E5%92%8C%E5%A4%9A%E7%BA%BF%E7%A8%8B) - [并行和并发](#%E5%B9%B6%E8%A1%8C%E5%92%8C%E5%B9%B6%E5%8F%91) - [事件循环（Event Loop）](#%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AFevent-loop) - [process.nextTick](#processnexttick) - [nextTick与setImmediate](#nexttick%E4%B8%8Esetimmediate) - [setImmediate和setTimeout](#setimmediate%E5%92%8Csettimeout) - [Buffer](#buffer) -...

RangePicker中如何清除已选择日期时间

这几天在封装组件时发现一些问题，展示数据的表格上都会有一些筛选项，选择之后点击搜索，会刷新下面表格的数据，这是一个很普通的需求。但这里我需要将上述的筛选项封装成一个独立的脱离业务`React`组件，这里，我们需要使用一种变通的方式来处理，也就是说，不需要为它绑定任何值，但需要设置一个`key`，当`key`变化时，组件会被重新渲染，利用这种思路，在`RangePicker`中设置如下： ```javascript handleSearchKeyChange( _v.field, [value[0]._d.getTime(), value[1]._d.getTime()] )} /> ``` 在当前组件中，我们需要设置一个`state`来控制该组件 ```javascript const [ rangePicker, setRangePicker ] = useState(0); ``` 在重置按钮点击事件中，我们更新这个`state`，传入当前的时间戳 ```javascript const handleResetEvent = () => { ......

TypeScript 内置的工具泛型

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [内置类型定义](#%E5%86%85%E7%BD%AE%E7%B1%BB%E5%9E%8B%E5%AE%9A%E4%B9%89) - [`Record`](#record) - [`Partial`](#partial) - [`Required`](#required) - [`Readonly`](#readonly) - [`Pick`](#pick) - [`Exclude`](#exclude) - [`Extract`](#extract) - [`NonNullable`](#nonnullable) - [`Parameters`](#parameters) - [`ConstructorParameters`](#constructorparameters) - [`ReturnType`](#returntype)...

TypeScript中的interface和type

**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [相同点](#%E7%9B%B8%E5%90%8C%E7%82%B9) - [都可以描述一个对象或者函数](#%E9%83%BD%E5%8F%AF%E4%BB%A5%E6%8F%8F%E8%BF%B0%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1%E6%88%96%E8%80%85%E5%87%BD%E6%95%B0) - [interface](#interface) - [type](#type) - [都允许拓展（`extends`）](#%E9%83%BD%E5%85%81%E8%AE%B8%E6%8B%93%E5%B1%95extends) - [`interface extends interface`](#interface-extends-interface) - [`type extends type`](#type-extends-type) - [`interface extends type`](#interface-extends-type) - [`type...

UMI Create Faild About already exists and is not an empty directory

在我们使用 `Ant Design Pro` 进行 `React` 工程创建的时候，按照官方的说明，会报一个错误： ![](https://s1.ax1x.com/2020/04/12/GqWIpR.png) 官方提供的创建工程的命令是：新建一个空白的目录，然后执行如下命令： ```bash yarn create umi #or npm create umi ``` 但却得到如上的错误提示，无论如何选择都是这样，正确的方式应该是在你要创建的工程目录的父目录中执行命令 ```bash yarn create umi ant-design-app # or npm create umi...