Electron
develop/electron
MAC系统搭建Electorn+Vue+Element-UI开发环境

Vue是一套用于构建用户界面的渐进式框架,相比Angular和React,Vue更容易上手.他也有完善的社区和工具链支持,尤其对中国用户非常友好,其中文文档完善,各类教程丰富.将其引入ELectorn可以大大提升开发效率.

develop/electron
Electron 菜单托盘

Electron的Tray模块可以认为是BrowserWindow的一个对等体,只不过实例化BrowserWindow类型后可以创建一个浏览器窗口,而实例化Tray后可以创建一个系统托盘或菜单栏图标。

develop/electron
Electron dialog组件

Dialog组件用于显示打开、保存文件、警告等操作系统对话框。

develop/electron
Electron主进程与渲染进程通信

传统web应用通常会使用HTTP之类的协议在客户端和服务端之间进行通信。客户端使用HTTP协议发送一个附带信息的请求,服务器接收此请求,正确的处理它,然后向客户端发送一个响应。

develop/electron
Electron使用Fetch API

使用Electron开发应用的好处之一是:可以尽情使用Chrome支持的最新API而无需考虑兼容性问题。而Fetch API 提供了一个获取资源的接口(包括跨域请求)。任何使用过 XMLHttpRequest 的人都能轻松上手,而且新的 API 提供了更强大和灵活的功能集。

develop/electron
搭建Electron开发环境

StackOverflow的联合创始人LeffAtwood曾经说过,凡能用JavaScript实现的,注定会用JavaScript实现。桌面GUI也不例外ElecTron的出现,为前端开发人员打开了这个领域的大门。