在线翻译工具
咱們開發最經常用到翻譯軟件了,有道、百度什么的,我都用過,感覺不爽,主要是各種廣告,還有奇怪附件程序拖后臺(系統潔癖者不能忍受),所以很早之前(大概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:
在線新版舊版對比:
總結
- 上一篇: 常用的相似度计算
- 下一篇: 关于ElasticSearch的堆内存设