簡易的 Javascript router 實現

Avatar of 游家宇 James Yu.
Avatar of 游家宇 James Yu.

簡易的 Javascript router 實現

資深前端工程師 @ LineBank(連線商業銀行)
Taoyuan City, Taiwan
由於現在前端 framework 都已經把 router 的功能包含進去了,有一天就在想是不是自己也可以不靠框架就達成此功能,所以就使用原生 Javascript 語法來實現前端路由的機制了。 主要使用 HTML5 的 history API(pushState),以及重寫 onpopstate 的行為。 詳細內容我有寫成一篇文章:https://medium.com/@james_daily/%E5%A7%86%E6%96%AF%E3%81%AE%E5%8F%A9%E5%8F%AE-%E5%8B%95%E6%89%8B%E5%81%9A%E7%B3%BB%E5%88%97-343f34c8ed52 Github:https://github.com/jh6120v/simple-router Demo:https://simple-router-77683.firebaseapp.com
Avatar of the user.
Please login to comment.

Published: Sep 21st 2019
182
6
0

ESLint
Npm
ES6
babel
Webpack
CSS3
History
HTML5
JavaScript

Share