Web前端国际化之jQuery.i18n.properties
Web前端国际化之jQuery.i18n.properties
jQuery.i18n.properties介绍
国际化是如今Web应用程序开发过程中的重要一环,jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能在不正确后端做不论什么更改的条件下,轻松简易的实现Web前端的国际化。
与其它国际化工具相比,jQuery.i18n.properties插件具有简单、易用、高内聚低耦合的特点。
国际化英文单词为:internationalization。又称i18n,"i"为单词的第一个字母,"18"为"i"和"n"之间单词的个数,而"n"代表这个单词的最后一个字母。
jQuery.i18n.properties採用.properties文件对JavaScript进行国际化。jQuery.i18n.properties插件首先载入默认的资源文件(strings.properties),然后载入针对特定语言环境的资源文件(strings_zh.properties)。这就保证了在未提供某种语言的翻译时,默认值始终有效。
开发者能够JavaScript变量或Map的方式从资源管理器中通过key获取资源。
其有几个突出的特点:
1、 按顺序载入默认资源文件和指定语言环境的资源文件,保证默认值始终可用
2、未指定语言时默认使用浏览器语言
3、能够使用占位符
4、资源文件里key支持命名空间
5、支持跨行的值
jQuery.i18n.properties使用
jQuery.i18n.properties的API设计也非常精简和易懂,仅仅有几个经常使用的API,载入配置API:jQuery.i18n.properties();获取资源API【支持占位符的使用】:jQuery.i18n.prop()。获取浏览器语言:jQuery.i18n.browserLang()。
jQuery.i18n.properties(settings)该方法载入资源文件。当中settings是配置载入选项的一系列键值对。
步骤(以HTML为例):
1、引入脚本文件
<script type="text/javascript" src="jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.i18n.properties-min-1.0.9.js"></script>
2、编写前端代码
<body>
<label data-locale="hupu_username">用户名:</label><input type="text">
<label data-locale="hupu_password">密码:</label><input type="password">
</body>
3、编写国际化运行脚本
<script type="text/javascript">
loadProperties();
function loadProperties() {
$.i18n.properties({
name:'hupu-lang',
path:'i18n/',
mode:'map',
language:$.i18n.browserLang(),
callback:function(){
$("[data-locale]").each(function(){
$(this).html($.i18n.prop($(this).data("locale")));
});
}
});
}
</script>
眼下最新版本号为1.2.0。开源地址:https://github.com/jquery-i18n-properties/jquery-i18n-properties。想了解很多其它的童鞋能够自己上去看看源代码,这对个人能力提升还是有莫大帮助。本人就点到为止。酱紫编程才会有情趣。
Web前端国际化之jQuery.i18n.properties的更多相关文章
- jQuery国际化插件 jQuery.i18n.properties 【轻量级】
jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,“i”为单词的第 ...
- 使用 jQuery.i18n.properties 实现 Web 前端的国际化
jQuery.i18n.properties 简介 在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国际化英文单词为:Internationalization, ...
- jQuery之前端国际化jQuery.i18n.properties
jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,"i& ...
- jQuery之前端国际化jQuery.i18n.properties[转]
http://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/ jQuery.i18n.properties是一款轻量级的jQuery国际 ...
- 基于jQuery.i18n.properties实现前端网站语言多版本
我是参考播客做了个demo:http://blog.csdn.net/aixiaoyang168/article/details/49336709 jQuery.i18n.properties采用.p ...
- 前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”
前言:最近,新的平台还没有开发完成,原来的老项目又提出了新的需求:系统国际化.如果是前后端完全分离的开发模式,要做国际化,真的太简单了,有现成的解决方案,基于Node构建的时下热门的任何一种技术选型都 ...
- jquery.i18n.properties前端国际化解决方案“填坑日记”
但现在的情况是老的项目并没有使用这类架构.说起国际化,博主几年前就做过,在MVC里面实现国际化有通用的解决方案,主要就是通过资源文件的方式定义多语言.最初接到这个任务,并没有太多顾虑,毕竟这种东西有很 ...
- 【转】jQuery之前端国际化jQuery.i18n.properties
jQuery之前端国际化jQuery.i18n.properties 基于jQuery.i18n.properties 实现前端页面的资源国际化 jquery-i18n-properties
- jquery.i18n.properties前端国际化方案
如果新项目要做系统国际化, 时下热门的任何一种技术选型都有成熟的方案,比如: vue + vue-i18n angular + angular-translate react + react-intl ...
随机推荐
- Codeforces 425A Sereja and Swaps(暴力枚举)
题目链接:A. Sereja and Swaps 题意:给定一个序列,能够交换k次,问交换完后的子序列最大值的最大值是多少 思路:暴力枚举每一个区间,然后每一个区间[l,r]之内的值先存在优先队列内, ...
- 使用fiddler模拟http get
wireshark抓到一个http get数据包 GET /Hero/zhCN/client/alert?build=zhCN&targetRegion=0&homeCountry= ...
- zzulioj--1858--单词翻转(模拟)
1858: 单词翻转 Time Limit: 1 Sec Memory Limit: 128 MB Submit: 88 Solved: 35 SubmitStatusWeb Board Desc ...
- zset 有序集合
zadd key score1 value1 score2 value2 .. 添加元素 redis 127.0.0.1:6379> zadd stu 18 lily 19 hmm 20 lil ...
- ZBrush中如何把模型的细节映射到低模上
我们在ZBrush®雕刻模型的时候,发现模型布线不利于雕刻,这使我们不得不对模型进行重建细分,而重建细分之后的模型细节已经没有了,这个时候我们就需要把原来高模的细节映射到新的模型上面. 接下来我们介绍 ...
- TF基础4
模型的存储与加载 TF的API提供了两种方式来存储和加载模型: 1.生成检查点文件,扩展名.ckpt,通过在tf.train.Saver()对象上调用Saver.save()生成.包含权重和其他在程序 ...
- HDU1231 最长连续子序列
最大连续子序列 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Sub ...
- html+css居中问题
一.行级元素水平居中对齐(父元素设置 text-align:center) <div style="width: 200px; height: 100px;border: 1px so ...
- Linux(1)---常用命令
1.将tgz文件解压到指定目录: # tar zxvf test.tgz -C 指定目录 比如将 /lyl/test.tgz解压到 /lyl/linux 目录下 # tar zxvf /lyl/tes ...
- How to debug systemd step by step
docker run -ti --name systemd --net host --privileged reg.docker.xxxxxxxx:latest /usr/lib/systemd/sy ...