技术标签： 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
文章浏览阅读484次，点赞10次，收藏5次。列表加载图片通常使用UITableView或UICollectionView，由于列表中内容数量不确定并且对于图片质量要求也不确定，所以对于图片加载的优化是很有必要的。
文章浏览阅读1k次，点赞2次，收藏16次。智能作为现代的新发明，是以后的发展方向，他可以按照预先设定的模式在一个环境里自动的运作，不需要人为的管理，可应用于科学勘探等等的用途。智能小车就是其中的一个体现，本次设计的多功能智能灭火避障小车，以STC89C52单片机作为微控制器，设计出一种可以寻找火源（火源以蜡烛模拟）和自动避开障碍物的小车。通过光敏晶体管传感器检测火源信号当检测到火源，小车自动调整姿态，对准火源。灭火电机启动将蜡烛吹灭实现模拟灭火。通过红外光电开关感应控制小车避障行驶。工作状态实时显示在1602液晶上。_灭火小车设计方案
文章浏览阅读4.6k次。从网上搜到的方法都解决不了我的问题，分享一点我自己的实在的解决经验：养成保存快照的习惯，比什么方法都靠谱。 即打开VMWare->虚拟机->快照->拍摄快照，简单填写一下你现在做到的程度，然后点击拍摄快照，存一下，养成习惯，每做出些什么东西了，就存一个快照，哪天莫名其妙又死机了，开机又黑屏进不去了，直接用快照恢复到最近的进度继续做就好。..._ubuntu卡死之后重启,打不开了
文章浏览阅读51次。随着type-c接口越来越普及，手机逐渐取消了3.5mm耳机接口，只留一个多功能type-c接口，这使得3.5mm有线耳机的用户多少有些不习惯，那为什么他们不选择使用无线耳机，笔者分析认为有以下几种原因：价格，有线耳机相比于无线耳机便宜，当然有线耳机也有昂贵品牌，这也是原来用户一直不舍得换的原因。音质，有线耳机确实比不少无线耳机音质要更好（估计是有线耳机不用考虑供电问题，耳机喇叭能做更高的功率，无线耳机因为要考虑电池续航，耳机喇叭要控制电量损耗，没法做更高的规格）。
文章浏览阅读147次。1.Netty是什么面试官：介绍一下自己对netty的认识吧！小伙砸~我：好的！我就用简单的几点来概括下netty吧Netty 是一个基于NIO 的 client-server（客户端服务端框架），使用它可以快速简单第开发网络应用程序。它极大地简化并优化了TCP和UDP套接字服务器等网络编程，并且性能以及安全性等很多方面甚至都要更好。支持多种协议 如FTP,SMTP,HTTP以及各种二进制和基于文本的传统协议。用官方的总结就是：Netty 成功地找到了一种在不妥协可维护和性能的情况下实现易于_netty专题
文章浏览阅读4.4k次。今天给大家分享六个免费学习的精品教程，包括了word,ppt,excel常用的办公三剑客，学会这三个让你办公无忧，也能让你靠这些技术找到一份好工作，这些office自学教程让你从小白到高手。一.PPT零基础入门教程PPT教程PPT零基础,PPT入门小白脱白系列,让你从做PPT的小白到高手，职场无敌。学习地址为：https://www.bilibili.com/video/av1205327...
文章浏览阅读1.5k次，点赞4次，收藏9次。源码获取：博客首页 "资源" 里下载！一、项目简述Java电影院系统功能：登陆注册模块 :普通用户可以直接访问影院主界面进行电影浏览、查询等 功能，但是当用户操作需要读取用户信息时就要求用户进 行登录了。普通用户可以直接访问登录页面或者通过页面 的登录选项进行登录，当用户不拥有账号时，即可通过注 册链接进行账号注册，注册完毕后自动返回登录页面，方 便用户登录。电影查询浏览模块 :电影浏览查询模块作为本系统最重要的模块之一，面向普 通用户。其意指通过不同方式向用户展示电影并提供电影._基于spring boot电影购票系统
文章浏览阅读817次。windows环境下多python环境管理_windows 安装pyenv
文章浏览阅读997次，点赞32次，收藏14次。Apache POI 是一个处理Miscrosoft Office各种文件格式的开源项目。简单来说就是，我们可以使用 POI 在 Java 程序中对Miscrosoft Office各种文件进行读写操作。一般情况下，POI 都是用于操作 Excel 文件。Apache POI 的应用场景：银行网银系统导出交易明细各种业务系统导出Excel报表批量导入业务数据。_apache poi 导出excel
文章浏览阅读383次。spring知识点总结测试代码五、构建Maven项目5.1 新建项目使用IDEA打开已创建的文件夹目录5.2 选择Maven目录选择Maven项目5.3 GAV坐标GAV坐标六、Spring环境搭建6.1 pom.xml中引入Spring常用依赖6.2 创建Spring配置文件七、Spring工厂编码八、依赖与配置文件详解8.1 S..._创建user类怎么写
文章浏览阅读1k次。1、测试目的为了验证UE发射OFF功率低于测试要求中指定的值。过大的发射OFF功率可能会增加反向干扰（RoT），因此会减少其他UE的小区覆盖范围。2、测试适用性此测试适用于所有类型的NR UE版本15及更高版本。 注意：当前，此测试用例只能支持Band n257和PC3。3、测试说明1、初始条件初始条件是需要测试UE的一组测试配置，以及SS与UE一起采取的步骤以达到正确的测量状态。初始测试配置包括环境条件，测试频率，测试信道带宽和基于表5.3.5-1中指定的NR工作频带的子._transmit on/off power
文章浏览阅读7.3k次，点赞2次，收藏7次。效果图安装yaourt deepin-screenshot自定义快捷键截图配置设置－－－＞设备 keyboard--------> 新建快捷键－－＞点击+号 使用：直接点一下键盘上的截屏键即可：PrtSc(是个缩写) ..._manjaro dwm窗口下好用的截图软件