ReactJS/NestJS在vscode中调试 | Debugging in the Editor

今天没事干的时候,看了一下create-react-app的官网,发现画风变了,然后没事干翻看了几页,发现了可使用IDE进行调试当前仅Visual Studio Code和WebStorm支持此功能。Visual Studio Code和WebStorm支持使用Create React App进行开箱即用的调试。 这使您作为开发人员可以在不离开编辑器的情况下编写和调试React代码,并且最重要的是

- 阅读全文 -

React 17新增的生命周期

一、废除的生命周期官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug,尤其是对于异步渲染的版本由于未来采用异步渲染机制,所以即将在17版本中去掉的生命周期钩子函数componentWillMountcomponentWillRecievePropscomponentWIllUpdate二、新增的生命周期static getDerivedStateFromProps(nex

- 阅读全文 -

Chrome调用notifications 消息推送

之前试了很多方法都不能用,chrome和Firefox都是无效状态,但是360浏览器却坚强的存活着(敬畏之心油然而生)调用notifications必须开启https安全模式,否则浏览器会将您的网站标记为不安全,无法调用通知后来发现是因为Windows 10 有一个通知盒子导致推送的通知都收录到盒子里了,并没有对外展示,调整一番Windows后,在Chrome下可以正常访问,但是Firefox至今

- 阅读全文 -

toast&axios控制进度条

下面用了react-toastify和axios ,相关包可以在npmjs中搜索到主要是在axios 提交文件过程中引入一个config ,通过config导出对应的上传进度,通过toast.update修改上传进度条private onUpload() { let toastId: any = null var config = { onUpl

- 阅读全文 -

mapStateToProps,mapDispatchToProps的使用姿势

前言刚接触redux的时候,发现大家对mapSispatchToProps使用有几种方法,而且都跑通了,本文介绍下redux的mapStateToProps,mapDispatchToProps的一些小姿势mapStateToProps(state,ownProps)mapStateToProps是一个函数,用于建立组件跟store的state的映射关系作为一个函数,它可以传入两个参数,结果一定要

- 阅读全文 -