如何用原生的方法写i18n

最新推荐文章于 2023-02-17 09:50:23 发布
最新推荐文章于 2023-02-17 09:50:23 发布
阅读量831 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41838204/article/details/80006317
版权
本文介绍如何利用di18n-translate插件实现原生的国际化(i18n)功能。首先通过npm安装插件，接着在页面中创建实例并利用setLocale方法设置语言。然后创建语言包，最后结合ajax实现动态语言切换。
摘要由CSDN通过智能技术生成

首先下载插件

npm i di18n-translate

之后在页面中应用

< script src= "./node_modules/di18n-translate/dist/di18n.min.js" ></ script >


创建实例

const di18n = new
最低0.47元/天 解锁文章
自动化国际化（i18n）的初始 JavaScript
XymkMl的博客
09-28 87
在 Web 开发中，JavaScript 是一种广泛使用的编程语言，因此我们可以利用 JavaScript 来实现自动化国际化（i18n）的功能。需要注意的是，这只是一个简单的示例，实际的自动化国际化方案可能更加复杂。在真实的应用中，您可能需要考虑更多的语言环境、更复杂的文本翻译逻辑，以及更灵活的参数替换方式。在上述函数中，我们首先根据传入的语言环境（lang）获取对应的资源文本（resource）。当用户访问网页时，网页会根据用户的语言环境自动显示对应的翻译文本，从而提供更好的用户体验。
（14）JSON 、AJAX 和i18n的使用
qq_2533491534的博客
05-29 923
1，JSON 1.1，JSON 在 JavaScript 中的使用 1.2，JSON 在 java 中的使用（使用的是谷歌的Gson ） 2，AJAX 请求 2.1，什么是 AJAX 请求 2.2，JSON 在 java 中的使用（使用的是谷歌的Gson ） 2.3，jQuery 中的 AJAX 请求 3，Ajax使用案例 4，i18n 国际化 4.1，什么是 i18n 国际化？ 4.2，国际化相关要素介绍 4.3，国际化资源 properties 测试 4.4，通过请求头国际化页面 4.5，
vue 引入原生js_原生js调用vue-i18n问题
weixin_39606019的博客
12-19 357
(1) 安装npm install vue-i18n(2) 工程中使用[1]在main.js中引入vue-i18nimport VueI18n from 'vue-i18n'Vue.use(VueI18n)[2] 语言资源const messages = {//英文en: {message: {hello: 'hello',about: 'about',welcome: "Welcome"}},/...
SpringBoot -＞ 国际化(i18n)
热门推荐
rod0320的博客
11-24 1万+
文章目录上结果1.准备工作配置文件编写配置文件生效探究配置页面国际化值配置国际化解析总结:我可能骗了你们,这个看了我都总结不出什么东西 上结果 1.准备工作 先在IDEA中统一设置properties的编码问题！ 编写国际化配置文件，抽取页面需要显示的国际化页面消息。我们可以去登录页面查看一下，哪些内容我们需要编写国际化的配置！ 配置文件编写 1、我们在resources资源文件下新建一个i18n目录，存放国际化配置文件 **为什么是i18n的目录:**英语单词中i后面有18个字母最后一个是n,所以是i
编写简单i18n库
weixin_34414196的博客
02-20 271
i18n是什么？i18n（其来源是英文单词internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。 前言 第一次接触多语言是用野生javascript写H5应用的时候，那时候写了一大堆的累赘重复的代码用来切换页面的多语言，之后自然发现很难维护啦。至于到第二次开发另一个H5应用的时候，用了vue做了...
i18n 和 基于js的网页多语言框架 jquery.i18n的介绍
rav009的专栏
05-26 1324
i18n = internationalization， 这个单词 i 开头， n 结尾，中间18个字母，所以简称 i18n。 jquery.i18n，是一个基于jquery的在网页上实现多语言支持的js框架。 这个框架本质上就是自动读取json文件，然后用json文件中的文本渲染页面。 使用很简单，有如下几步： 1. 引用jquery和jquery.i18n的js文件 <script src="../jquery.min.js"></script> <scr.
dom-i18n, 使用JavaScript提供非常基本的HTML语言支持.zip
09-18
dom-i18n, 使用JavaScript提供非常基本的HTML语言支持 dom-i18n 使用JavaScript提供非常基本的HTML语言支持http://ruyadorno.github.io/dom-i18n 这是轻量级 ( 小于 1KB 个缩小/压缩) JavaScript M
rocket_i18n：一个可帮助您将Rocket应用程序国际化的板条箱
02-04
然而，原生的Rocket并不直接支持国际化功能，这就需要像Rocket_i18n这样的库来扩展其能力。Rocket_i18n通过提供一套方便的宏和结构体，使得开发者可以轻松地将翻译文件集成到Rocket应用中。 Rocket_i18n的核心是...
前端配置vue-i18n
weixin_35756624的博客
12-16 387
Vue-i18n 是一个用于 Vue.js 的国际化插件。它可以帮助你在你的 Vue 应用中实现国际化。 要在 Vue 项目中使用 vue-i18n，你需要在项目中安装它： npminstall vue-i18n 然后，你需要创建一个存储国际化文本的 JSON 文件。这些文件应该包含你想要在你的应用中使用的所有文本，并且每种语言应该有一个单独的文件。例如，你可能会有以下文件： /i18n - ...
来吧，我们用vue实现一个微型vue-i18n国际化插件
weixin_33895604的博客
04-07 140
说明： ​ vue-loader内添加了编译插件， vue-loader允许注入自定义模板编译， 在转换编译vue的template.基于这个原理， 这个国际化插件是在编译的时候分析了template,把$t('text')用本地语言文本替换它。然后生成三个不同版本的应用文件， 并部署。因此国际化并不是动态的，而是在我们切换环境的时候，切换对应语言的应用文件。它有三个静态版本文件，它的应用程序都...
i18n.js资源包
03-19
jquery.i18n.properties-min-1.0.9.js资源包，具体使用参考https://blog.csdn.net/qq_33609401/article/details/88674416
js使用i18n实现页面国际化的方法
10-19
本篇文章主要介绍了js使用i18n实现页面国际化的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
i18n-translate-json:自动翻译node-i18n JSON文件的npm模块
05-17
i18n-translate-json 通过Google Translate API自动将node-i18n JSON文件转换为不同的语言。 安装 npm install -g i18n-translate-json 用法 您需要一个。 i18n-translate-json apiKey dir sourceLang (targetLang1,targetLang2,..) 例如 i18n-translate-json iuOHAEbo9H788d34h93h4diouehIUHI locale/ en es,fr 根据Google Translate API语言代码，这会将locale/en.json所有字符串（相对于Shell中的当前文件夹）从英语转换为西班牙语和法语。 目标语言列表是可选的。 如果不存在，它将被翻译成Google翻译支持的所有语言。 学分 基于Thoma
jquery.i18n.min.js
08-20
jquery-i18n 我的博客中有一篇文章写得是jquery-i18n 国际化翻译，需要用到这个js文件，这里再次上次一遍
纯js国际化(i18n)
weixin_33971130的博客
05-15 990
i18n，是internationalization单词的简写，中间18个字符略去，简称i18n，意图就是实现国际化，方便产品在不同的场景下使用 目标:可以点击切换语言或者ChangeLanguage的按钮 来完成英语和中文的切换 效果图如下: 实现方案：https://github.com/jquery-i18n-properties/jquery-i18n-properties ...
i18n配置国际化语言，如何在js中使用
最新发布
m0_61265297的博客
02-17 1020
i18n配置国际化
用原生代码制作公司官网+jQuery.i18n中英文如何切换+垂直下拉框
weixin_40679578的博客
12-27 642
制作公司官网首先要看看SEO(搜索引擎优化)，说白就是在用百度搜索的时候能排名靠前一点，推荐看一下这个就差不多了添加链接描述。 分享一下踩得坑： 1、公司要做的有中英文的，上一个版本的官网也是中英文，做了两套，一套中文一套英文，然后可以从一个html跳到英文页面去过去，这样的目录结构： 我也照做了…后来发现有更简单的方法，可以用基于jQuery.i18n.properties 实现前端页面的资源...
Layui + jQuery.i18n 国际化实现
weixin_43367510的博客
04-30 3478
前言： Layui 是一套开源的模块化前端UI框架，其内部采用的是自身经典的模块化规范，并遵循原生HTML/CSS/JS开发方式，极易上手，拿来即用。虽然有很多功能强大、模块丰富，但还缺少一个国际化模块。 模块实现： 封装jquery.i18n.propertites.js 为i18n.js layui.define(["jquery"], function (exports) { "use strict"; var $ = layui.jquery; ```jquery.i18n.pro
原生js/Angular/Vue等不同框架下的中英文切换———多语言支持
奋斗的小绿萝
11-28 1964
近期研究了下不同框架下的中英文切换，本文主要用于总结。希望本文能对你项目多语言支持的技术选型有所帮助。 简介 框架 i18n插件 github地址 描述 证书 Angular @ngx-translate * https://github.com/ngx-translate/core * https://github.com/ngx-translate/http-loader ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值