今天開始學習Chartist.js庫。運行demo代碼時顯示沒法加載JS和CSS代碼:javascript
<script type="text/javascript" src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> <link href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" /></link>
緣由:css
cdn前面的"//"表示引用腳本的傳輸協議與當前頁面正在使用的一致,不然使用Http。好比,當前是https,那定位src時也會自動使用Https。java
可是若是你是打開本地的Html文件,傳輸協議是file,因而就找不到網上資源。學習
解決方法:指明傳輸協議spa
<script type="text/javascript" src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> <link href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" /></link>