簡介:本課將帶你由淺入深掌握Electron這個構建跨平臺桌面應用的基本概念和用法,復原從零搭建一個本地音樂播放器的全過程,通過從零開始,一步步完成一個完整的應用,整個過程中穿插了Node.js的第三種玩法和集成瀏覽器內(nèi)核的原理,讓你輕松高效學會Electron開發(fā)。
第1章 進入 Electron 的世界
Electron是全球最大的技術社區(qū)GitHub推出的使用HTML、CSS和JavaScript構建跨平臺的桌面應用框架。本章主要講解什么是Electron以及配置Electron的開發(fā)環(huán)境。
第2章 第一個Electron應用
本章通過第一個簡單的Electron Demo講解Electron中最核心的主進程與渲染進程、browserWindow以及進程之間的通信等內(nèi)容。
第3章 播放器應用的演示與分析
本章從應用的原型圖出發(fā),分析播放器應用的功能流程以及工程文件結構等內(nèi)容。
第4章 播放器應用之添加音樂窗口
本章從首頁開始制作,創(chuàng)建添加音樂的窗口,并通過Dialog模塊實現(xiàn)添加音樂模塊,以及使用Electron Store實現(xiàn)數(shù)據(jù)的持久化存儲。
第5章 播放器應用之播放器窗口
本章主要講解播放器應用中的渲染主窗口,其中包括音樂列表功能,以及音樂播放功能等內(nèi)容。
第6章 應用打包與分發(fā)
本章主要以MacOS系統(tǒng)為例,講解如何通過Electron Builder打包Electron應用程序。
解鎖即可觀看《大前端》完整課程視頻
大前端
1個業(yè)務場景打通全端、全棧、全流程,實現(xiàn)全局思維與綜合技術能力全面突破;對標阿里P6,8個月成為前端高級人才
【第1周】認識大前端,全棧開發(fā)初體驗
【第2周】企業(yè)標準的開發(fā)環(huán)境搭建
【第3周】NoSQL數(shù)據(jù)庫的設計與集成
【第4周】JWT登錄鑒權—通用登錄模塊后端開發(fā)
【第5周】團隊協(xié)作-文檔管理與缺陷控制
【第6周】團隊協(xié)作-版本管理
【第7周】團隊協(xié)作-自動化流程
【第8周】全棧開發(fā)—首頁模塊
【第9周】 全棧開發(fā)—用戶中心
【第10周】全棧開發(fā)—發(fā)貼/回帖模塊
【第11周】消息中間件開發(fā)(WebSocket通信)
【第12周】組件化思想進階:iview上手文章管理
【第13周】中后臺權限系統(tǒng):前端權限設計方案
【第14周】中后臺權限系統(tǒng):基于角色&菜單權限設計
【第15周】首頁可視化圖表與日志服務
【第16周】WebApp頁面設計與開發(fā)
【第17周】Vue3全家桶+Vite開發(fā)工具
【第18周】前后端項目Vue3重構
【第19周】性能優(yōu)化(服務端渲染)
【第20周】uniapp開發(fā)(首頁/菜單定制/搜索)
【第21周】uniapp開發(fā)(登錄、詳情、個人中心)
【第22周】uniapp內(nèi)容安全、訂閱消息
【第23周】小程序支付專題
【第24周】跨平臺框架Flutter2與狀態(tài)管理方案
【第25周】封裝請求&數(shù)據(jù)持久化方案&路由
【第26周】Flutter 后臺消息&打包上線
【第27周】Electron桌面端與主流的框架
【第28周】Electron桌面端-社區(qū)業(yè)務集成
【第29周】React17新特性
【第30周】React-Hooks&狀態(tài)管理方案
【第31周】React組件庫設計&工程化
【第32周】React工程化&性能優(yōu)化