因为公司网络环境较差和自己是菜鸟的原因，很简单的事情折腾了不少时间。测试开发的网页时候 更新速度总是很慢，这跟使用bootstrapCDN有关系，因为每次更新，它都要重新访问cdn.bootstrap.com一遍，所以需要响应时间。如果网络速度快当然，不需要本地化，否则还是本地化资源文件，不必去忍受每一次响应很长时间。

只是为了测试自己开发的某小功能而本地化的。如果网站上线，那么还是要还原bootstrapCDN。

(一)搭建bootstap环境

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

   <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

   <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>

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

bootstrapCDN和本地化的更多相关文章

  1. ABP文档 - 本地化

    文档目录 本节内容: 简介 应用语言 本地化源 XML文件 注册XML本地化源 JSOn文件 注册JSON本地化源 资源文件 自定义源 获取一个本地文本 在服务端 在MVc控制器里 在MVC视图里 在 ...

  2. JS魔法堂:不完全国际化&本地化手册 之 理論篇

    前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求--国际化&本地化.熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已. ...

  3. 一步一步使用ABP框架搭建正式项目系列教程之本地化详解

    返回总目录<一步一步使用ABP框架搭建正式项目系列教程> 本篇目录 扯扯本地化 ABP中的本地化 小结 扯扯本地化 本节来说说本地化,也有叫国际化.全球化的,不管怎么个叫法,反正道理都是一 ...

  4. ABP源码分析十二：本地化

    本文逐个分析ABP中涉及到locaization的接口和类,以及相互之间的关系.本地化主要涉及两个方面:一个是语言(Language)的管理,这部分相对简单.另一个是语言对应得本地化资源(Locali ...

  5. ABP源码分析四十三：ZERO的本地化

    ABP Zero模块扩展了ABP基础框架中的本地化功能,实现了通过数据库管理本地化的功能.其通过数据库保存本地化语言及其资源. ApplicationLanguage:代表本地化语言的实体类.一种语言 ...

  6. ASP.NET MVC5+EF6+EasyUI 后台管理系统（30）-本地化(多语言)

    系列目录 我们的系统有时要扩展到其他国家,或者地区,需要更多的语言环境,微软提供了一些解决方案,原始我们是用js来控制的,现在不需要了. 我们只要创建简单的资源文件,通过MVC的路由设置就可以轻松的进 ...

  7. ASP.NET Core 中文文档 第三章 原理（6）全球化与本地化

    原文:Globalization and localization 作者:Rick Anderson.Damien Bowden.Bart Calixto.Nadeem Afana 翻译:谢炀(Kil ...

  8. JS魔法堂:不完全国际化&本地化手册 之 实战篇

    前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求--国际化&本地化.熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已. ...

  9. JS魔法堂:不完全国际化&本地化手册 之 拓展篇

    前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求--国际化&本地化.熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已. ...

随机推荐

  1. django：field字段类型

    字段类型(Field types) AutoField 它是一个根据 ID 自增长的 IntegerField 字段.通常,你不必直接使用该字段.如果你没在别的字段上指定主 键,Django 就会自动 ...

  2. win10 内测14352 加入了容器 和docker新功能，想体验的赶快升级

    原来只在server2016上有,现在加入到win0内测版了windows 容器提供了两种级别的隔离技术,分别是Windows Server container  和Hyper-V Container ...

  3. OC基础--self关键字

    Self的使用: 1 self不能离开类   离开类之后没有任何意义 2 self会自动区分类方法和对象方法 3 使用self的时候只需要关注self在哪一个方法中 如果在类方法中使用self   那 ...

  4. 3、jvm内存分配实例

    参数:-Xmx20m -Xms20m -XX:NewRatio=1 -XX:SurvivorRatio=2 -XX:+PrintGCDetails -XX:PermSize=2m 结果: Heap P ...

  5. HalconMFC(一)之多版本配置

    今天比较匆忙,还得写周六日考试扯P的PPT,就先这样开个头吧.我的电脑是win7,32位的系统,我用Halcon10.0.但是很多小伙伴的都是64位系统的,所以我用小伙伴的64位系统试过很多次用VC配 ...

  6. swift 定位

    iOS 8 及以上需要在info.plist文件中添加下面两个属性 NSLocationWhenInUseUsageDescription 使用应用期间 NSLocationAlwaysUsageDe ...

  7. MySQL Workbench的使用教程 （初级入门版）

    MySQL Workbench 是 MySQL AB 最近释放的可视数据库设计工具.这个工具是设计 MySQL 数据库的专用工具. MySQL Workbench 拥有很多的功能和特性:这篇由Djon ...

  8. LR一个简单的流程

    1.录制脚本 2.回放脚本 :回放前的运行时设置:run_time_seting   F4 关联设置(动态值) 日志分析 3.脚本的增强: 添加事物(计时) 参数化(模拟真实的用户行为) 内容检查.回 ...

  9. Linux系统重要快捷键& Shell 常用通配符

    [Tab]:使用Tab键来进行命令补全: [Ctrl+c]:强行终止当前程序: [Ctrl+d]:键盘输入结束或退出终端: [Ctrl+s]:暂定当前程序,暂停后按下任意键恢复运行: [Ctrl+z] ...

  10. play(1) 第一个简单的应用

    去年去了一家公司,公司要求要回使用play,所以在几天的时间内猛学习了一段时间play,发现play!有很多优点:简单,小巧,高开发效率,集成很多功能,容易调试.现在虽然已经不在那家公司,没有使用pl ...