bootstrapCDN和本地化

時間 2019-11-15

標籤 bootstrapcdn 本地化简体版

原文原文鏈接

　　由於公司網絡環境較差和本身是菜鳥的緣由，很簡單的事情折騰了很多時間。測試開發的網頁時候更新速度老是很慢，這跟使用bootstrapCDN有關係，由於每次更新，它都要從新訪問cdn.bootstrap.com一遍，因此須要響應時間。若是網絡速度快固然，不須要本地化，不然仍是本地化資源文件，沒必要去忍受每一次響應很長時間。css

只是爲了測試本身開發的某小功能而本地化的。若是網站上線，那麼仍是要還原bootstrapCDN。html

(一)搭建bootstap環境jquery

能夠用bootstrap的CDN服務，在<head><style>部分添加<link>和<script>bootstrap

1   <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
2 
3   <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
4   <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

這個順序不能改變，由於bootstrap.min.js須要調用jquery庫，因此jquery.min.js要先於它。網絡

(二)本地化bootstap環境框架

有時候網絡有點卡，刷新頁面慢，影響網頁開發調式，解決這個讓人不耐煩的小問題的方法是本地化這些庫。本地化時，也要保持上面的順序。測試

（1）jquery庫，從官網直接下載下來,放在一個目錄，例如：存放在項目example中的jquery文件夾，則網站

便可code

（2）bootstrap框架則相對要複雜一些；由於要調用bootstrap自身提供的按鈕之類的，若是僅僅有bootstrap.min.css和bootstrap.min.js，會致使一些問題。例如，明明在代碼當中添加了某個按鈕，可是在網頁中什麼也沒有，排除寫錯之類的錯誤以外。在網頁中調用bootstrap的按鈕則須要額外的資源文件，只有把這些添加全了才能夠正常使用。就調用按鈕爲例，須要把bootstrap下載，而後找到dict文件夾，把裏面的全部文件夾（會有css,js,fonts）copy到項目example新建文件夾boostrap當中。當須要使用按鈕時，系統會自動詢查相對路徑，來收集所需內容。

ps:若是其它的調用，把整個文件夾拷貝到項目當中，添加外部訪問便可。

(三)本地化添加外部資源

例如我想用fondawesome(官網，中文網)一些資源，除了用最簡潔方式bootstrapCDN

< link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">

以外

本地化:

複製整個 font-awesome 文件夾到您的項目中。

在HTML的 <head> 中引用font-awesome.min.css。

  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。