jquery.i18n.properties.js hacking

/****************************************************************************** * jquery.i18n.properties.js hacking * 说明: * jquery.i18n.properties本来是用来做多语言适配的,想基于他完成自动迭代语言 * 更换,所以直接解读其源代码,从中知道JavaScript库的写法,了解template的工作原理, * 函数.变量合成等等,源代码只有500来行,很精练…

前端系列——jquery.i18n.properties前端国际化解决方案“填坑日记”

前言:最近,新的平台还没有开发完成,原来的老项目又提出了新的需求:系统国际化.如果是前后端完全分离的开发模式,要做国际化,真的太简单了,有现成的解决方案,基于Node构建的时下热门的任何一种技术选型都有成熟的方案,比如: vue + vue-i18n angular + angular-translate react + react-intl 但现在的情况是老的项目并没有使用这类架构.说起国际化,博主几年前就做过,在MVC里面实现国际化有通用的解决方案,主要就是通过资源文件的方式定义多语言.最初…

基于jQuery.i18n.properties实现前端网站语言多版本

我是参考播客做了个demo:http://blog.csdn.net/aixiaoyang168/article/details/49336709 jQuery.i18n.properties采用.properties文件对JavaScript进行国际化.jQuery.i18n.properties插件首先加载默认的资源文件(strings.properties),然后加载针对特定语言环境的资源文件(strings_zh.properties),这就保证了在未提供某种语言的翻译时,默认值始终有效…

本地化web开发的一个例子-jquery.i18n.properties

关键字:Web本地化, jquery,jquery.i18n.properties. 运行环境:Chrome, IE. 本文介绍使用jquery.i18n.properties对网站前端实现本地化,支持多语言.网站内容根据浏览器设置的语言来显示. 1.前端文件夹结构如下: 2.index.html文件 <!DOCTYPE html> <html> <head> <title data-localize="common.title"><…

使用 jQuery.i18n.properties 实现 Web 前端的国际化

jQuery.i18n.properties 简介在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国际化英文单词为:Internationalization,又称 i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母.在计算机领域,国际化是指设计能够适应各种区域和语言环境的软件的过程. jQuery.i18n.properties 是一款轻量级的 jQuery 国际化插件.与 Java 里的资源…

jQuery之前端国际化jQuery.i18n.properties

jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,"i"为单词的第一个字母,"18"为"i"和"n"之间单词的个数,而"n"代表这个单词的最后一个字母.jQuery.i18n.properties采用.properties文件对JavaScript进行国际化.jQuery.i…

jquery.i18n.properties前端国际化解决方案“填坑日记”

但现在的情况是老的项目并没有使用这类架构.说起国际化,博主几年前就做过,在MVC里面实现国际化有通用的解决方案,主要就是通过资源文件的方式定义多语言.最初接到这个任务,并没有太多顾虑,毕竟这种东西有很成熟的解决方案,实现起来难点不会很大.可当真正动起来手来去实现的时候发现一些问题,这里先介绍下我们老平台的架构:MVC+WebApi,MVC项目负责页面渲染,webapi负责数据接口,是一种很传统的架构方式.国际化主要在MVC端去做就好了,可是由于MVC项目里面使用了大量第三方bootstrap组件…

jQuery之前端国际化jQuery.i18n.properties[转]

http://www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/ jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母.jQuery.i18n.properties采用.properties文件对JavaSc…

jQuery国际化插件 jQuery.i18n.properties 【轻量级】

jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能实现Web前端的国际化. 国际化英文单词为:Internationalization,又称i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母.jQuery.i18n.properties采用.properties文件对JavaScript进行国际化.jQuery.i18n.properties插件首先加载默认的资源文件(strings.propertie…

Web前端国际化之jQuery.i18n.properties

Web前端国际化之jQuery.i18n.properties jQuery.i18n.properties介绍国际化是如今Web应用程序开发过程中的重要一环,jQuery.i18n.properties是一款轻量级的jQuery国际化插件,能在不正确后端做不论什么更改的条件下,轻松简易的实现Web前端的国际化. 与其它国际化工具相比,jQuery.i18n.properties插件具有简单.易用.高内聚低耦合的特点. 国际化英文单词为:internationalization.又称i18n,…

jquery.i18n.properties前端国际化方案

如果新项目要做系统国际化, 时下热门的任何一种技术选型都有成熟的方案,比如: vue + vue-i18n angular + angular-translate react + react-intl 但是老项目的国际化几乎是jquery + jquery.i18n.properties这种方案. 那么我们就来看看这种方案是如何实现的. 一. 引入必要的 js 文件在项目中添加如下目录结构: <script src="js/jquery.min.js"></scri…

【转】jQuery之前端国际化jQuery.i18n.properties

jQuery之前端国际化jQuery.i18n.properties 基于jQuery.i18n.properties 实现前端页面的资源国际化 jquery-i18n-properties…

Uncaught TypeError: jQuery.i18n.browserLang is not a function

/********************************************************************* * Uncaught TypeError: jQuery.i18n.browserLang is not a function * 说明: * 使用jQuery.i18n.properties.js来做语言自动转换,结果函数无效,读 * 了一下插件源代码,发现已经换掉了接口名称.功能. * * 2017-8-31 深圳龙华樟坑村曾剑锋 ********…

jquery.i18n 网站呈现各国语言

在做网站的时候可能会遇到不同语言切换的问题,实现的方法有很多种,本篇文章按照 js 加载的方法的来实现. 应用到的 js 文件: jquery.i18n.properties.js jquery.js 具体繁琐的功能就不一一介绍实现了,下面做一个简单的案例. 文件目录如下: strings_zh.properties 文件内容: title = i18n 案例 lang_demo = 这是一个 i18n demo lang_btn = 点击切换 li_lang1 = 一 li_lang2 = 二…

JQuery plugin ---- simplePagination.js API

CSS Themes "light-theme" "dark-theme" "compact-theme" How To Use Step 1: together with JQuery, include jquery.simplePagination.js in your page: << span>scripttype="text/javascript"src="path_to/jquery.j…

改写jquery.validate.unobtrusive.js实现气泡提示mvc错误

个人对于这个js.css不是很擅长,所以这个气泡提醒的样式网上找了下,用了这个http://www.cnblogs.com/wifi/articles/2918950.html当中的第一种写法. 对于mvc中默认的错误提示,是使用@Html.ValidationMessageFor这个来生成个<span class="field-validation-valid" data-valmsg-for="XXX" data-valmsg-replace="…

jQuery与其他JS库共存

* 事件 * jQuery与其他JS库共存 * 调用jQuery.noConflict()方法 * 表示jQuery将"$"符号的使用权交出 * 通过两种方式将"$"找回 * 第一种 jQuery(function($){// 函数域 // function中定义形参"$" $("ul>li"); }); * 第二种 (function($){// 函数域 $("ul>li"); })(jQue…

jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式（jquery.validate.unobtrusive.js）

最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂. 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展,使其更简单易用. 应用一.引入 <script src="Scripts/jquery-1.7.1.min.js"></script> <script src="Scripts/jquery.validate.js"></sc…

jquery.validate.min.js 用法方法示例

页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">…

ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决

之前写过一个淘宝优惠券连接PC端转手机端连接的小工具,当时写到将转换好的url复制到剪切板这块时解决了IE和火狐,就是没办法搞定Chrome,知道可以通过flash搞定,但是觉得太麻烦没有仔细研究. 今天偶尔发现有ZeroClipboard这么个好玩意,能跨浏览器解决复制剪切板的问题,于是兴冲冲的拿来用用,但是放上去后发现怎么也不成功,绑定的对象鼠标都不变手型. 又换了jquery.zclip.min.js还是不行,真是怀疑最近几天没有休息好,于是去床上躺了一会回来仔细再研究下. 审查元素发现,…

通过jquery.transit.min.js插件，实现图片的移动

首先给出插件:jquery.transit.min.js (function(t,e){if(typeof define==="function"&&define.amd){define(["jquery"],e)}else if(typeof exports==="object"){module.exports=e(require("jquery"))}else{e(t.jQuery)}})(this,fun…

jQuery与其他JS库冲突解决

实际开发中遇到JQuery与其他js库起冲突究其原因,是它们的全局对象定义冲突了,特别是变量”$”, 可重载$函数.使用jQuery.noConflict()就可以通过重载$函数例:项目中应用的 <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript"> jQuer…

Bootstrap导航点击菜单跳转与点击缩放菜单折叠按钮缓冲效果插件jquery.singlePageNav.min.js

引入步骤: <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/jquery.singlePageNav.min.js"></script><scrip…

jquery.validate.unobtrusive.js插件作用

在 ASP.NET MVC 中启用 Unobtrusive JavaScript 功能,可以在运行时由服务器端根据Model中设置的验证规则,自动生成客户端验证js代码(结合jquery.validate).这很好地解决了表单验证时一次代码,两次验证(客户端+服务器端)的问题. 使用它很简单,主要操作步骤如下: 1. 在web.config增加如下设置: <appSettings> <add key="ClientValidationEnabled" value=&q…

jquery.validate新的写法(jquery.validate1.13.js)

jquery对象与js对象的相互转换

jQuery对象转成DOM对象: 两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index); (1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象. 如:var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象如:va…

JSON对象配合jquery.tmpl.min.js插件，手动攒出一个table

jquery.tmpl.min.js 首先下载这个插件 1.绑定json那头的键 //TemplateDDMX 这个是这段JS的ID,这个必须写!!!!!! //${}为json的键的值,必须要填写正确,和<%#Eval()%>这个作用一样<script id="TemplateDDMX" type="text/x-jquery-tmpl"> <tr> <td style='font-size:16px;display:no…

jquery.qrcode.min.js生成二维码通过前端实现二维码生成

主体代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>演示:使用jquery.qrcode生成二维码</title> <style type="text/css"> .demo{width:400px; margin:40px auto 0 auto; min-height:250px;} .demo p{…

.net MVC内置js验证 jquery.validate.unobtrusive.js重置验证操作(备忘，找了很多次了)

(function ($) { $.validator.unobtrusive.parseDynamicContent = function (selector) { //use the normal unobstrusive.parse method //$.validator.unobtrusive.parse(selector); changed this line with $(selector).find('*[data-val = true]').each(function () {…

MVC3.0修改jquery.validate.unobtrusive.js实现气泡提示mvc错误

CSS部分 <style type="text/css"> .hide {display:none;} .poptip { position: absolute; top: 20px; left:20px; padding: 6px 10px 5px; *padding: 7px 10px 4px; line-height: 16px; color: #DB7C22; font-size: 12px; background-color: #FFFCEF; border: s…

【jquery.i18n.properties.js hacking】的更多相关文章