金额的表达正则

这个真的是有点意思,这里记录一下,大体的意思就是给你一串数字,然后你用三个一逗号的形式把数字表达出来,比如: 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 相关的知识。查漏补缺。

图片懒加载

一直都想自己实现这个功能而不是知道原理不实践,这次突然看到掘金上的文章后,跟着走了一遍代码,原来不管什么效果只知道原理是远远不够的,你必须亲自实现一下,然后才知道其中的坑,也会学到更多。程序员就要勤于动手。

常见的排序算法

这里列举几种,前端常见的几种排序算法,记忆巩固一下吧,后期慢慢更新。算法才是最重要的。

compositionstart/end 处理中文输入问题

问题的引出在上一次写的 防抖 节流中,在防抖的 input 框输入的时候发现我输入的中文结果控制台显示出来的是拼音,然后就找到这俩个函数 compositionstartcompositionend