你还没用Electron开发桌面应用吗?【文末送书】

news/2024/7/19 13:01:14 标签: css, javascript, html, 编程语言, js
htmledit_views">
js_content">

Electron是一个运行平台,它能够让我们通过 HTML + CSS + JavaScript 开发桌面应用程序。

核心原理就是 Electron 中将 Chromium(Chrome 的内核)和 Node.js 打包到了一起,通过 Chromium 提供 WebView 从而实现 UI 编程能力,通过 Node.js 提供 APIs 从而实现系统接口调用。

在 Electron 中我们可以像在 Web 开发中一样,通过 HTML + CSS 完成 UI 开发,通过 JavaScript(ECMAScript)调用 APIs 实现业务功能,只不过这里的 APIs = Web APIs + Node APIs。

用 Electron 开发多平台客户端的成本非常低。Electron 是基于 Node.js 的,这就意味着,Node 这个大生态下的模块,Electron 都可以用。同时,跨平台也让 Electron 可同时开发 Web 应用和桌面应用,无论是 UI,还是代码,很多资源都可以共享,大幅减少了开发者的工作量。

Electron 在 GitHub 上已经有 7w+ star 了,一年内多次更新版本一路到了10.1.5。随着疫情影响,很多桌面软件都在用它来进行开发,市场上的岗位也越来越多。阿里、腾讯、美团、京东、蚂蚁金服、小米、华为、GitHub、微软在内的很多大厂都在使用 Electron。因此,学好 Electron 是你日后跳槽加薪的加分项,毕竟,大厂都在用。

如何深入理解,并高效使用 Electron?

用 Electron 写一个简单的桌面端应用并不难,有一定 JavaScript 基础的话,可能只要半小时。但要做一个项目,就没那么容易了:

想要掌握 Electron,不仅要理解其基本原理,还要能落地,了解其在实际应用中具体应该如何推进,推荐阅读《Electron实战:入门进阶与性能优化》一书。

Electron实战:入门进阶与性能优化

本书5大特色

1. 作者经验丰富

作者有10余年研发经验,是Electron领域的早期实践者和布道者,用Electron开发了大量的项目,经验丰富

2.大部分内容官方文档中没有

Electron如何与ES6、HTML5、CSS3、NodeJS结合

Electron如何与Vue、React、Webpack等各种前端框架结合

Electron如何与发布工具、调试工具、封装库等第三方库结合

3 .内容组织方式更合理

以Electron为主线,根据场景讲解ES6、CSS3和HTML5核心知识

将实际案例中涉及的问题、难点、易错点剥离,讲精讲透

一看就懂的不讲,也不追求面面俱到

4 .足够的广度和深度

广度:不只是Electron,与之相关的JS、CSS、HTML、NodeJS等都讲

深度:对易错且不易排查的错误背后的原理进行深度剖析

阅读体验至上

包含大量高度提炼和总结的图表,非常易于阅读和理解

适读人群

本书假定读者具备一定的前端知识,读者应该有使用HTML、CSS、JavaScript开发网页的经验,能熟练使用JavaScript操作网页中的Dom元素;

对Node.js有一定的了解,能使用Node.js常用的包管理工具npm或yarn创建项目并给项目添加依赖包;

对浏览器的工作原理有一定的认识,知道怎么用开发者工具调试前端代码;

了解HTTP协议,知道如何使用AJAX发起HTTP请求。

如果你对以上知识还不了解,建议先补充一下基础知识:

JavaScript编程精解(原书第3版)

推荐语:更新、更薄、更精华!JS之父推荐的书:比肩犀牛书的《JavaScript编程精解》第3版根据ES6新功能全面更新。系统介绍如何编写高效的代码,在游戏式开发中轻松掌握JS技术,是系统学习JS的首选之作。从JavaScript的基本语言特性入手,提纲挈领地介绍JavaScript的主要功能和特色,每章配有总结和习题,配套码源提供下载。包含5个实战章节,帮你快速上手实际项目。

HTML 5与CSS 3权威指南(第4版·上册)

推荐语:全面系统地讲解了HTML 5相关的各项主要技术,以HTML 5对现有Web应用产生的变革开篇,顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单及新增页面元素、ECMAScript、文件API、本地存储、XML HttpRequest、Web Workers、Service Worker、通信API、Web组件、绘制图形、多媒体等内容。

福利时间

【Creator星球游戏开发社区】联合机械工业出版社华章公司为粉丝送上3本前端书。中奖的粉丝可以在以下图书中3选1。

《Electron实战:入门、进阶与性能优化 》

《JavaScript编程精解(原书第3版)》

《HTML 5与CSS 3权威指南(第4版·上册)》

公众号回复:抽奖 参与活动

本周4晚上8:00开奖,祝您好运!


http://www.niftyadmin.cn/n/806081.html

相关文章

[内核编程] visual studio 2010配置驱动开发环境

visual studio 2010 配置驱动开发环境 ** 工具/材料 VS2010、WDK开发包 ** 配置过程 以下将讲述VS2010驱动开发环境的配置过程,至于必要软件的安装过程这里不再赘述。 (1)新建VS控制台项目,选择【空项目】,如下图所示…

详述C++语言的VxD与外界通讯的所有接口 (转)

详述C语言的VxD与外界通讯的所有接口 (转)[more]详述C语言的VxD与外界通讯的所有接口作者:马文晓 一.什么是VxD? ---- 从多任务操作系统windows 3.1起,计算机中的任一物理设备x可同时被基于Dos或Windows的多个进程使用,这种一对多的关系称为"设备虚拟化"…

9月份笔面试

9月份快要结束了,就来总结一下这一个月找工作的辛酸,无奈和经验教训。面了很多家,但目前还没有收到一个offer。专业是信息与通信工程,想找软件开发方向的工作。计算机的基础全部都是自学的,编程也是自己一步步摸索学习…

CSS面试题汇总(二)

往期点这里→CSS面试题汇总(一) 11. css 中可以让文字在垂直和水平方向上重叠的两个属性是什么? 参考答案: 垂直方向:line-height 水平方向:letter-spacing 那么问题来了,关于 letter-spacing…

昨天的拆图工具被大佬们指点了,还送了我一套秘籍!

《我新鲜出炉的 plist 图集拆图工具!github》晓衡昨天的文章引起大家的热议,也启发了一些伙伴准备开始行动,具体可以看文章留言。更可喜的是,晓衡青涩的 Python 代码得到了不少大佬们的热情的点拨。小白学视觉公众号的号主是一名在…

抢先式多线程网络蜘蛛 (转)

抢先式多线程网络蜘蛛 (转)[more]抢先式多线程网络蜘蛛作者:Sim Ayers 翻译:刘建强 win32 api 支持抢先式多线程网络,这是编写MFC网络蜘蛛非常有用的地方。SPideR工程(程序)是一个如何用抢先式多线程技术实现在网上用网…

【并发底层系列】Sychnorized 底层实现(下)

锁优化 自旋锁 (轻量锁手段) 由来 线程的阻塞和唤醒,需要 CPU 从用户态转为核心态。频繁的阻塞和唤醒对 CPU 来说是一件负担很重的工作,势必会给系统的并发性能带来很大的压力。同时,我们发现在许多应用上面,对象锁的锁状态只…

[Kali_WIFIattack]wifite和aircrack-ng结合使用

软件简介wifite是一款自动化wep、wpa以及wps破解工具,不支持windows和osx。wifite的特点是可以同时攻击多个采用wep和wpa加密的网络。wifite只需简单的配置即可自动化运行,期间无需人工干预。 目前支持任何linux发行版、Backtrack 5 R1, BlackBuntu, Bac…