• 在线翻译工具


    咱们开发最经常用到翻译软件了,有道、百度什么的,我都用过,感觉不爽,主要是各种广告,还有奇怪附件程序拖后台(系统洁癖者不能忍受),所以很早之前(大概2016年年底)就做了一个自己的在线翻译小网页,那时是拿人家现成的用,过太久忘记在哪拿来的了。


    后来有个想法,想重构这个页面,因为之前是直接拿人家的感觉而且页面调用的资源也很大,看了一下旧版本338KB,新版本才38KB十倍差距,所以萌生了重构页面的想法


    这个页面遇到最大困难就是复制粘贴功能了,我目标是点击按钮直接把译文粘贴到系统粘贴板上,刚开始用了execCommand这个方法可兼容性不好,我个人也没研究透彻,最后还是用了一个插件(clipboard.js)14KB,其实我个人是很不想用任何插件的,这个项目全程用原生写,无奈复制粘贴功能没做好。


    重构完在线翻译后,我还研究了基于 Node Electron 开发桌面应用,挺有趣的,我直接把写好的翻译页面利用 Electron 跑起来,这会我开始各种折腾,利用 HBuilder 把我的翻译页面打包成APP,在一开始做翻译页面时候我就有做成响应式的考虑,其实我之前做任何功能或者小页面都会习惯性考虑怎么样布局让UI是响应式的,尽量一套代码PC/M能跑起来。


    总结:

    jsonp跨域访问数据、响应式布局、clipboard.js插件实现复制粘贴,功能单一,但足够平时开发用了

    在线旧版链接:http://www.konghaowei.com/WEB/Translation/youdao/

    在线新版链接:http://www.konghaowei.com/WEB/Translation/baidu/

    桌面应用:

    手机APP:




    在线新版旧版对比:





  • 相关阅读:
    解决 网上下载的例子 My Mac 64bit 不能运行的问题
    给XMLHttpRequest设置超时时间
    MSN常见登录错误解决方法
    javascript keycode大全
    禁止手动修改FileUpload控件
    "ORA00942: 表或视图不存在 "的原因和解决方法
    梅花雪控件树应用实例----异步绑定自定义表结构的用户部门表
    菜鸟学模式三 观察者模式
    菜鸟学模式一 序言
    利用js去除打印时的页眉页脚
  • 原文地址:https://www.cnblogs.com/konghaowei/p/8404518.html
Copyright © 2020-2023  润新知