node 项目提交到heroku运行

首先注册hreoku,并安装heroku CLIE:\Ruei\RueiProj\vuets-app>heroku login heroku: Press any key to open up the browser to login or q to exit: Opening browser to https://cli-auth.heroku.com/auth/browser/7cb5

- 阅读全文 -

在vscode中调试node-ts

写代码第一步干啥,当然要会调试介于本人打console.log已经残废,研究了一下如何使用vscode对node/ts进行调试首先你要有一个node /ts的项目一般情况下vscode 会自动识别你的项目类型,并安装对应的项目环境,当你有一个ts项目后,你会发现vscode窗口中debug的菜单会加载node环境,但是往往默认的debug config 并不管用如果没有debug窗口,可以安装vs

- 阅读全文 -

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的映射关系作为一个函数,它可以传入两个参数,结果一定要

- 阅读全文 -

如何将React.Componment作为服务使用

如何将React.Componment作为服务使用遇到的问题:在NextJs中,当通过Axios请求数据时,如何监听并提供一个方法,在请求是显示loading组件,请求结束后若有错误,则弹窗 Error -Toast解决思路:在App.js中增加(或追加一个<div />)=>对该<div />追加相应的展示组件=>通过show:boolean=false控制其

- 阅读全文 -

Cookie, LocalStorage 与 SessionStorage

很早之前分享过基于 session 和基于 token 的用户认证方式到底该如何选择?这篇文章最近在在测试Next登录验证的时候,发现NextJS的构造有些奇特,Next主要是服务器渲染,按照之前写的验证方法(将token存到本地localStorage中)但是NextJs主要在服务器端渲染,并不能取得本地localStorage中的信息,于是转战cookie(希望未来不会更多的在cookie中存

- 阅读全文 -

NEXT.JS中值得一提的功能

一边吃零食一边看完了Next.JS的文档,写的不是很复杂,demo尝试起来也很快速:grimacing:我在看Next.JS文档的时候,是通过yarn init 手动搭建的空项目,然后按照文档一点一点写demo如果您不喜欢init,可以尝试使用create-next-app,接下来我们也提到一些关于create-next-app的安装和使用本篇文章主要是对Nextjs文档读后体会,以及发现的新鲜事

- 阅读全文 -

vscode 中如何显示隐藏的tab和空格

使用vscode后发现没有像sublime一样显示空格和箭头, 百度了好多资料,没找到方法,但是找到了这个行为叫什么, 然后在vscode里各种折腾,还是让我找到了,那该怎么设置呢?1.打开vscode的用户设置2.在右边添加新设置{ "editor.renderControlCharacters": true, "editor.renderWhite

- 阅读全文 -