JavaScript 实现简单前端路由常见问题汇总

写JavaScript代码时间久了会发现，真正拉开差距的往往不是高大上的框架，而是像实现简单前端路由这样的基础功夫。基础牢不牢，线上见分晓。

问题一：实现简单前端路由的学习路径是怎样的？

对实现简单前端路由的执行结果加日志，出问题时能快速定位现场。

处理实现简单前端路由时考虑异常路径：网络断了、文件不存在、权限不够，分别怎么办。

问题二：有没有可以直接参考的实现简单前端路由示例？

直接上代码，获取 URL 参数：

const params = new URLSearchParams(location.search);
console.log(params.get('id'));
params.forEach((v, k) => console.log(k, v));

问题三：实现简单前端路由有哪些常见的坑？

1. 权限不足导致的报错往往信息不明确，排查时别忘了检查文件和目录权限。
2. 版本号是个细节，但很多兼容性问题都是版本不匹配引起的。

把实现简单前端路由用好，代码质量会上一个台阶；把每个小知识点都用好，职业生涯会上一个台阶。共勉。

遇见问题加 QQ23979811 协助处理