bootstrapCDN和本地化


   因為公司網絡環境較差和自己是菜鳥的原因,很簡單的事情折騰了不少時間。測試開發的網頁時候 更新速度總是很慢,這跟使用bootstrapCDN有關系,因為每次更新,它都要重新訪問cdn.bootstrap.com一遍,所以需要響應時間。如果網絡速度快當然,不需要本地化,否則還是本地化資源文件,不必去忍受每一次響應很長時間。

      只是為了測試自己開發的某小功能而本地化的。如果網站上線,那么還是要還原bootstrapCDN。

(一)搭建bootstap環境

 可以用bootstrap的CDN服務,在<head><style>部分添加<link>和<script>

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文件夾,則

     <script src="/example/jquery/jquery.min.js"></script> 

  即可

(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">  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM