前端导出Excel文件

在做项目的过程中遇到一个需求,需要把前端页面的表格导出到本地生成Excel文件,一直以为需要靠后端的协助,后来发现了一个非常棒的工具库js-xlsx,可以在不依靠后端的情况下,前端自己来生成Excel文件,后端只要返回前端表格需要的数据就可以,不需要在进行一次请求,在这里记录一下这个库的使用过程。

axios封装笔记

在写 react-redux-app 脚手架的时候就已经封装好了,一直没记录,后来在使用过程中又参考了antd-design-pro的报错机制,重新封装了一下,这里记录一下封装的代码,以免遗失

react-hooks使用体验

react-hooks使用必须把react/react-dom的版本更新到16.7.0-alpha.2
如果node版本过低的话建议更新一下,windows 可以使用nvmw来管理node版本
react-hooks的出现是为了解决在无状态的组件中(函数类组件)使用state和生命周期,在class组件中不能使用

金额的表达正则

这个真的是有点意思,这里记录一下,大体的意思就是给你一串数字,然后你用三个一逗号的形式把数字表达出来,比如: 50153855514.7667 表达出来就是 50,153,855,514.7667

react路由控制权限

react 中可以通过路由来控制用户权限访问,主要使用的 react-routerswitch 这里有个实用的例子

nvmw管理node版本排坑

nvmw 是 nvm 专为 Windows 开发的版本,用来管理 node 的版本,这里总结一下排坑记录

umi+dva的使用

umidva都是阿里出的简化react开发的架构,以前都是直接开发的没使用这套,后来接触下来以后发现,开发感觉挺舒适的,刚开始使用的dva,有一个缺陷就是基于roadhog搭建的webpack架子,给我们自定义的接口实在有限,后来umi加入了webpack-chain可以自己添加、修改webpack的配置,值得一试。

js中的事件执行机制

以前理解的事件只有同步任务和异步任务,后来知道我看到了一篇文章。。。
我们常见到的是这样的给你一段代码,说出执行顺序,

1
2
3
4
setTimeout(() => {
console.log("异步任务setTimeout");
}, 3000);
console.log("同步任务");

按照同步优先,异步靠后的规则,先执行完所有的同步任务后,再开始执行异步任务,很快的得出结论

使用eslint来规范你的代码

使用自定义的eslint规则结合编辑器来规范你平时的代码编写风格,我这里配置了 vscodewebstorm 俩个编辑器的 在校验规则的同时,可以自动把你的代码格式化。如果你的电脑配置可以的话建议你使用webstorm,虽然vscode可以任意安装插件,但是论功能的完善还是webstorm更甚一筹

react拾遗

总结一些 react 中常见的面试题吧,同时也是让自己多学习学习 react 相关的知识。查漏补缺。