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