【Vue】实现在线翻译

1.项目源码地址：https://github.com/wqk183/myTranslation 2.项目启动： 2.项目展示： 让我们一起快乐的学习吧！！！！！！！！！！！！！

在线翻译(Vue实现) 这是一个在线翻译的小项目，在这篇博客中我会挑一些重点的代码做解释，保证大家可以看懂啦 translateForm.vue showList方法 showList:function(){ if($('.option-list').css('display')!='none'){ $('.option-list').sli...

https://study.163.com/course/courseLearn.htm?courseId=1004463009#/learn/video?lessonId=1048862163&courseId=1004463009 javascript是一种动态语言，不管你是否接受，它就是这样的，有些东西你必须接受它，才可以享受它提供的服务。 ...

一、核心目录结构 涉及的内容 V型，V系列 组件通信：$放出，道具 翻译服务的API：第三方翻译服务商，申请可以免费的金钥https://translate.yandex.com/developers/keys App.vue <template> <div id="app" > <h1>在线翻译</h1> &lt...

在Vue、HTML项目中使用@spacechart/translate 插件实现在线实时翻译、自定义翻译

一、项目简介 学习Vue也有一段时间了，这几天使用Vue的相关知识完成了一个在线翻译的项目。项目整体上很简单，但是里面包含的一些知识还是很多的。如果你是一名Vue小白，建议你阅读这篇文章。通过参考这个项目，你可以了解从零开始搭建Vue项目，到最终的打包上线的完整过程。 真个项目中使用的技术栈如下： 使用Vue脚手架快速搭建项目 在Vue组件中引入外部的js脚本 在Vue项目中引入jQuery库 ...

MD5计算 JavaScript版 let MD5 = (sMessage) => { function RotateLeft(lValue, iShiftBits) { return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits)); } ...

本来打算今天上午把这个案例写好的，结果上午昏昏欲睡，毫无动力，中午吃完饭就打王者荣耀，玩到下午三点多，队友不给力，自己又太坑实在太累了就睡了一觉，醒来到了六点了，我去！ 好了，废话少说。我先介绍下这个案例--效果：左侧输入一种语言，右侧选择要转换的语言，点击翻译就可以得到结果！是不是很神奇！当然博主这里仅仅罗列的七八种语言！效果图如下： 介绍详细的书写过程： 1.搭建脚手架我...

vue实战之在线翻译项目今天，博主带来的分享是vue实战之在线翻译项目，一个小小的vue项目，用到了vue的很多基础语法，传组件等等！我们先来看下效果把！左侧输入一种语言，右侧选择要转换的语言，点击翻译就可以得到结果！是不是很神奇！当然博主这里仅仅罗列的七八种语言！我们就以汉语来展示了！其他语言的展示：可以输入与可以翻译的语言有： &lt;option value="en"&gt;英语&lt;/o...

1.预览 2.实现思路 我的项目结构： App.vue是根组件，在该页面中引用两个子组件，InputForm.vue是左侧的输入组件，右侧OutputForm.vue是右侧的输出结果组件。 具体的实现思路是，在InputForm组件中输入要查询的语句，选择要翻译成的语言，然后将语句传递给根组件，在根组件中，调用接口进行查询，然后将结果传递给OutputForm.vue组件显示。 3.具体实现 1...

步骤二：创建基本目录（language文件夹是翻译的数据文件，views文件夹下的是页面，part1和part2代表项目的不同模块，每个模块下都有对应的页面）需求：vue项目实现中英文切换。步骤一：安装vue-i18n。步骤三：简单编写下基本界面。如果要在js中引用如下。步骤四：编写翻译文件。