— 本期玩家 

图片 1

 

在那么些类型上,也正是前者的做事居多。

某日,一友人因把文件上传到 Dropbox
而引发众怒。同时,百度网盘也愈来愈不好用了。作者任性吐槽之。

于是,就有了那几个种类。

 

图片 2

 

有些周二中午,写小程序已闷死,突然想起答应友人的事体了。

透太早先查明,采纳 Electron-vue 作为基础框架开发。在作者那几个刚学
nodejs,更不懂
electron,也就只是有一定的光景端经验的人,只怕那是二个挑衅。

 

安插定稿

作为四个设计师,怎么也要规范美观,所以就以设计稿起步为先。

 图片 3

小编把主界面画了出来,明确好 UI 风格了。

 

VUE 

代码是起首在周末黎明(Liu Wei) 1 点多。笔者选拔了 Electron-vue 作为消除方案。

而是,由于 VUE 不熟稔,也遇上了部分坑。

 

例如:

  1. 不晓得怎么着引用文件(感觉从前的前端技能被残废了一致)

  2. 写完 CSS 才发现,A 页面包车型客车 CSS 会困扰 B 页面包车型大巴CSS(笔者还觉得和小程序、React 那样)

  3. VUE 的路由自个儿精通了好长期才驾驭。

 

本身原先一贯写 jQuery,异步和 DOM 管理没什么难点。然则境遇VUE,小编真的以为脑子的思維要转移了啊。特別是路由,这么些肯定不正是后端的工作吗?怎么前端模板也有路由概念,我折腾了有
1 小時,才发觉原先所谓路由不是跳转 GET/POST
的情致,而是切换呈现的页面。怪不得 谷歌 的时候一贯出现的 SPA
那一个词,其实自个儿也没了解。直到本身刚刚专门 谷歌(Google) 才精通了。大哭(其实自个儿觉得
SPA 真的是 SPA 嘛~)。

 

Electron 

那货坑也不少。

例如:

  1. 复制粘贴在 Build 后完全用持续。

  2. 一先导抓头在商量怎么办 GET 和 POST……

  3. 背景模糊玻璃效果,还没能达成,但是在 demo 的确能不负众望。

  4. 卷入后,竟然找不到 modules……

 

七牛 

合法的 Node.JS SDK 在 npm run dev 能用,然而打包 App
后有肯定问题,这么些依旧要美丽调查。

开发

一句话来说,在自己 App 编写 6 个时辰候从此,终于基本能够出现了。以 Electron
的方案来支付 App
的确比守旧要舒适和快,而且动画效果写起来不为难(终归强大的 CSS3
动画真厉害),所以作者在 App 添加了相比多的动画片效果。

Electron 打包的确十分大,也无解。经过 ZIP 压缩后有 40 多MB,还算能接受。

 

界面效果

图片 4

图片 5

图片 6

 

 

图片 7

入手实际操作:怎么着用七牛云 API
完毕照片地图?

相关文章

网站地图xml地图