技术标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wokuailewozihao/article/details/82021709
--------------------------------------------------------------------------------------------------
先说背景
网站已经使用常见的方式实现中英国际化，即每种语言写一套对应的语言文件，但后期要求实现多国语言国际化，如果还按照之前的方式，工作量大。
且不便于维护，某个词改了统统都要改。
//推荐一个github项目：https://github.com/hujingshuang/MTrans
因此有没有一种简单易用的及时翻译插件，类似于谷歌浏览器自带的翻译工具那种，一点即可全文翻译。
最后在网上找到了一些，要么没有文档介绍，要么就需要npm安装，nodejs支持啥的，但是我对前端并不精通，就继续找，最后找到了谷歌插件(官方已经不再维护更新：https://translate.google.com/manager/website/)，简单易用。
使用方法，在页面加入以下代码即可
//更新一下2019-04-10
一个简单的demo
<html>
<body>
我爱你
<!--把button放在右下角，这个是可以随意修改的，你可以改成一个链接一个图片之类的-->
<div id="google_translate_element" style="position:absolute;bottom:10px;right:10px;z-index:2000;opacity:0.7"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{
//这个是当前页面的原语言，便于插件精确翻译
pageLanguage: 'zh-CN',
//这个是你需要翻译的语言，比如你只需要翻译成越南和英语，这里就只写en,vi
includedLanguages: 'en,zh-CN,hr,cs,da,nl,fr,de,el,iw,hu,ga,it,ja,ko,pt,ro,ru,sr,es,th,vi',
//选择语言的样式，这个是面板，还有下拉框的样式，具体的记不到了，找不到api~~
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
//自动显示翻译横幅，就是翻译后顶部出现的那个，有点丑，这个属性没有用的话，请看文章底部的其他方法
autoDisplay: true,
//还有些其他参数，由于原插件不再维护，找不到详细api了，将就了，实在不行直接上dom操作
},
'google_translate_element'//触发按钮的id
);
}
</script>
<script src="https://translate.google
文章浏览阅读8k次，点赞8次，收藏23次。近世代数--特征--环的特征，域的特征博主是初学近世代数（群环域），本意是想整理一些较难理解的定理、算法，加深记忆也方便日后查找；如果有错，欢迎指正。我整理成一个系列：近世代数，方便检索。..._环的特征
4. 验证CUDA toolkit 12.4.1安装成功。3. 为CUDA12.4在.bashrc中添加环境变量。
文章浏览阅读2.3k次。有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，那么如何让input表单输入框不记录输入过信息的方法呢？方法一： 在不想使用缓存的input中添加 autocomplete=“off”例如:名字：<input type="text" name="FirstName" value="" autocomplete=_chromeinput同name清理缓存
** * 外部内、内部类 */ public class Outer { public static IAnimal getInnerInstance(String speak){ return new IAnimal(){ @Override public void speak(){ System.out.println(speak);当程序第一次引用该类的静态成员时，就会触发这个类的加载。
文章浏览阅读506次。Build Cube流程主要分为四个阶段：根据用户的cube信息计算出多个cuboid文件根据cuboid文件生成htable更新cube信息回收临时文件1.流程一：作业整体描述把构建Cube的来源表总行数写到指定的HDFS文件中2.流程二：生成中间临时数据这一步的操作是根据Cube设计中的定义生成原始数据，这里会新创建一个Hive外部表，然后再_kylin buid cuboid的时候每一步都要等待2分钟
文章浏览阅读779次。一个管理者要带团队有三重视角：第一个视角是管理者，第二个视角是教练员，第三个视角是指挥员。管理者视角管理者视角，最常规的视角。比如效率和质量如何衡量？如何分解和分配任务？项目进展怎么样了？进度怎么估算？有没有瓶颈，瓶颈在哪？根因是什么？绩效怎么考核？而今天我们要讨论的是管理者的首要目标——求生存。如果一个团队在公司里没有价值了，那么整个团队都会被裁掉。所以，作为管理者最重要的是先能生存下来，证明自己是能胜任的，然后证明自己的团队是能胜任的。证明自己理解何为胜任，就是领导布置任.._管理视角
在搭建短视频交友系统时，需要根据实际需求选择合适的第三方服务，并与这些服务提供商建立良好的合作关系，确保服务的稳定性和可靠性。在搭建短视频交友系统时，为了确保系统的稳定性、安全性和用户体验，通常需要用到多种第三方服务。可以选择云存储服务，如阿里云OSS、腾讯云COS等，它们提供高可靠性、高扩展性的存储解决方案。：如阿里云、腾讯云等，提供稳定、可扩展的服务器资源，确保短视频交友系统能够应对高并发和大规模用户访问。：根据用户的观看历史、兴趣偏好等信息，为用户推荐合适的短视频和交友对象，提升用户体验和留存率。
文章浏览阅读2.8k次，点赞5次，收藏95次。Hi，大家好，学长今天向大家介绍一个 单片机项目基于stm32的宠物自动喂食系统大家可用于 课程设计 或 毕业设计该传感器模块对环境光线适应能力强， 其具有一对红外线发射与接收管， 发射管发射出一定频率的红外线， 当检测方向遇到障碍物时， 红外线反射回来被接收管接收，经过比较器电路处理之后， 绿色指示灯会亮起， 同时信号输出接口输出数字信号（一个低电平信号） ， 可通过电位器旋钮调节检测距离， 有效距离范围 2～30cm， 工作电压为 3. 3V-5V。实物图如。_基于stm32单片机宠物自动喂食设计
文章浏览阅读5.7k次。前一段时间要做一个html页面调起APP应用的需求，特记下研究成果 1、在项目info.plist中添加URL Types以供html调用 2、在html中调用 支付页面 var_html ios拉起第三方app
文章浏览阅读1.6w次，点赞16次，收藏29次。 矩阵法计算风险假设：有以下信息系统中资产面临威胁利用脆弱性的情况：共有两项重要财产：资产A1和资产A2；资产A1面临一个主要威胁T1；资产A2面临两个主要威胁T2,T3；威胁T1可以利用资产A1存在的两个..._威胁程度计算
文章浏览阅读347次。SOC（System On Chip）即系统级芯片，又称片上系统，其将系统的主要功能综合到一块芯片中，本质上是在做一种复杂的IC设计。现在的SOC芯片上可整体实现CPU、DSP、数字电路、模拟电路、存储器、片上可编程逻辑阵列等多种电路，综合实现图像处理、语音处理、通信协议、通信机能、数据处理等功能。SOC的优势有：可以实现更为复杂的系统、具有较低的设计成本、具有更高的可靠性、缩短产品设计时间、减少产品反复的次数、可以满足更小尺寸的设计要求、可达到低功耗的设计要求。_soc设计方法与实现 epub
文章浏览阅读391次。Linux内核模块动态添加方法 今天下午通过一番折腾，终于琢磨除了Linux内核模块的动态加载方法，网上大部分教程基于旧版本做的，有很多地方不一样，走了很多弯路，不过最后终于成功了，方法如下：1、建立C++源文件，假设文件目录为path,文件名为hello.c源代码如下：#include #include