AGTranslate自动翻译工具
👉程序入口
感谢姚老师(axton.cc)的五天集中前端小课堂,收益颇丰,让我开始迈入web前端的大门(第一次认真写了点CSS,用上了前端框架和其他一些技术)。
因为是用来练习前端基础的,所以没有用更方便美观的ui框架如Vuetify,也没用上Vue CLI,手写练习了很多CSS,但动画部分目前还是缺省的。
正题:
AGTranslate基于google translate API搭建;支持自动检测输入语言,自动选择目标语言,默认快速中英互译,让翻译更高效快捷;独有pdf模式,粘贴时自动拼接多行文本;适应移动端,支持制作成webAPP添加到移动设备桌面使用。网页自适应不同尺寸的窗口,自动调节文本输入框高度。目前基本支持全球常见语种。
用到的前端技术:
- Vue框架
- select2控件
- svg图形
- sessionStorage
- history对象 replaceState
- axios-ajax
- jQuery
- JS异步
- PWA-webAPP
应用采用前后端分离架构,前端客户端渲染,ajax通信;后端依旧使用了我最熟悉的tornado。
由于蹭的谷歌云平台API,有免费额度限制,小范围用用还没问题。故增加了身份验证限制,公共public身份每月限制在5w字符,还望理解。(输入指令/usage
可查询当月实时用量)当然也可以找我另开单独的auth身份分配额度😏。