<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          如何入坑Electron開發(fā),我有話想說(shuō)

          共 3123字,需瀏覽 7分鐘

           ·

          2021-06-21 23:21

          大家好,我是TianTian

          之前在網(wǎng)易實(shí)習(xí)的期間,接觸過(guò)Electron開發(fā)。

          當(dāng)時(shí)學(xué)習(xí)的資料是接下來(lái)推薦課程。

          你需要Electron技術(shù),這個(gè)入門的課程說(shuō)不定適合你。

          現(xiàn)在,新人首單 ¥59.9,即將漲價(jià)至 129。

          掃二維碼購(gòu)買后,加我微信,DayDay2021返現(xiàn)20。


          正如 Electron 官方所說(shuō)“如果你可以建一個(gè)網(wǎng)站,你就可以建一個(gè)桌面應(yīng)用程序”。

           

          作為一個(gè)跨平臺(tái)的桌面應(yīng)用開發(fā)框架,Electron 的迷人之處在于,它是建立在 Chromium 和 Node.js 之上的 —— 二位分工明確,一個(gè)負(fù)責(zé)界面,一個(gè)負(fù)責(zé)背后的邏輯,構(gòu)成了一個(gè)成本低廉卻十分高效的優(yōu)秀“集成框架”。

           

          如果用一張圖來(lái)直觀詮釋 Electron 的強(qiáng)大之處,就是下面這樣。


          但是,不同系統(tǒng)間還是會(huì)有很大的差異,需要相應(yīng)地做一些額外處理,使得打包出的應(yīng)用在不同系統(tǒng)下都能正常運(yùn)轉(zhuǎn)。但相比于 80% 都能完全復(fù)用的代碼,這些成本幾乎可以忽略不計(jì)。

           

          所以,對(duì) Web 前端開發(fā)者來(lái)說(shuō),用 Electron 開發(fā)多平臺(tái)客戶端的成本非常低。
           
          而且,Electron 是基于 Node.js 的,這就意味著,Node 這個(gè)大生態(tài)下的模塊,Electron 都可以用。同時(shí),跨平臺(tái)也讓 Electron 可同時(shí)開發(fā) Web 應(yīng)用和桌面應(yīng)用,無(wú)論是 UI,還是代碼,很多資源都可以共享,大幅減少了開發(fā)者的工作量。
           
          作為目前非常熱門的技術(shù),Electron 在 GitHub 上已經(jīng)有 8W+ star 了,很多應(yīng)用都是用 Electron 開發(fā)的,比如字節(jié)跳動(dòng)的飛書、Slack、VS Code、Atom、Skype、WhatsApp、支付寶小程序 IDE(螞蟻開發(fā)者工具)等。

                  
                 


          與此同時(shí),包括螞蟻金服、小米、華為、GitHub、微軟在內(nèi)的很多大廠都在使用 Electron。因此,學(xué)好 Electron 是你日后跳槽加薪的加分項(xiàng),畢竟,大廠都在用。
           

          如何高效使用 Electron?

           
          用 Electron 寫一個(gè)簡(jiǎn)單的桌面端應(yīng)用并不難,有一定 JavaScript 基礎(chǔ)的話,可能只要半小時(shí)。但要做一個(gè)項(xiàng)目,就沒(méi)那么容易了:
           
          首先,Electron涉及的技術(shù)棧比較多,不僅需要了解客戶端知識(shí),在客戶端中使用Node.js、集成C++、Rust等三方庫(kù),還會(huì)涉及到多進(jìn)程概念等等,對(duì)于基礎(chǔ)薄弱的前端工程師不太友好。
           
          而且在實(shí)際開發(fā)項(xiàng)目中推行 Electron,工程化建設(shè)流程上有很多技術(shù)關(guān)鍵點(diǎn)和坑,需要豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)來(lái)化解。
           
          這些問(wèn)題,我也曾遇到過(guò)。都知道光理論是不夠的,還是要落地,是了解其在工程化建設(shè)方面具體應(yīng)該如何推進(jìn)。
           
          但這種實(shí)踐不是誰(shuí)都愿意共享的,如今的各大廠里,美團(tuán)大象應(yīng)該是比較早的一批用 Electron 做大型項(xiàng)目的團(tuán)隊(duì),這個(gè)團(tuán)隊(duì)的負(fù)責(zé)人「鄧耀龍」,我之前聽(tīng)過(guò)他在 Qcon (全球軟件開發(fā)大會(huì))的分享,當(dāng)時(shí)就很受啟發(fā)。
           
          后來(lái)聽(tīng)說(shuō)他開了個(gè)《Electron 開發(fā)實(shí)戰(zhàn)》視頻課,我第一時(shí)間就訂閱了,畢竟這種內(nèi)部經(jīng)驗(yàn)難得能公開。先分享一張鄧耀龍總結(jié)的「Electron 核心知識(shí)圖譜」,從全局了解下 Electron 要掌握什么。


           


          跟著學(xué)下來(lái),收獲完全超出預(yù)期。開始先通過(guò)一個(gè)番茄鐘小應(yīng)用,帶你快速入門;然后從 0 到 1,帶你完整搭建了一個(gè)桌面遠(yuǎn)程控制項(xiàng)目,并在此過(guò)程中把 WebRTC 三大模塊講透。
           
          更讓我覺(jué)得可貴的是,鄧耀龍不僅是技術(shù)高手,還非常具有分享精神,慷慨的把 Electron 工程化建設(shè)、實(shí)戰(zhàn)中的問(wèn)題和解決方案都分享出來(lái)了,指出有哪些技術(shù)關(guān)鍵點(diǎn),和需要避開的坑,很多知識(shí)點(diǎn)都要反復(fù)看、反復(fù)體會(huì)才能吃透,真的讓人醍醐灌頂。
           
          跟著高手學(xué),是較快提升自己的方式,馬上要漲價(jià)到 129 了,現(xiàn)在只需要 69 拿下,如果你是新人,只要 59.9,別錯(cuò)過(guò)了。

           
          新人首單 ¥59.9  ,僅限「前 50 人」
          即將漲價(jià)至 ¥129相當(dāng)于 5 折

           
          關(guān)于鄧耀龍
           
          鄧耀龍,美團(tuán)高級(jí)前端工程師。他所負(fù)責(zé)的美團(tuán)大象,早在 2016 年就開始用 Electron 構(gòu)建桌面端了,從 0 開始搭建了 Electorn 更新、崩潰治理、異常監(jiān)控等多個(gè)基礎(chǔ)服務(wù)。
           
          除業(yè)務(wù)支撐外,他還負(fù)責(zé)公司內(nèi)的 Electron 桌面應(yīng)用基礎(chǔ)建設(shè),致力于提升桌面端開發(fā)的交付效率和交付質(zhì)量。憑借累計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn),他幫很多兄弟團(tuán)隊(duì)實(shí)現(xiàn)了 Electron 技術(shù)從無(wú)到有的落地過(guò)程。
           

          我為什么推薦這個(gè) Electron 課。

          相比市面上的其他 Electron 資料,鄧耀龍是以 Web 前端工程師的視角設(shè)計(jì)這門課的。也因此,更貼合真實(shí)開發(fā),主要有 2 個(gè)吸引我的點(diǎn):
           
          1. 偏實(shí)戰(zhàn),讓你在項(xiàng)目中熟悉 Electron 的技術(shù)特點(diǎn)并感受其樂(lè)趣。
          2. 重工程化,為你梳理在工作中推行 Electron 工程化的建設(shè)思路,講述真實(shí)項(xiàng)目中遇到的坑和具體的解決方案。
           
          所以,課程并不僅僅局限于 Electron 本身,更多講解與其相關(guān)的工程化建設(shè)流程,側(cè)重于提升你的整體開發(fā)能力。帶你掌握這些問(wèn)題的最佳解決方式,觸類旁通。
           

          再簡(jiǎn)單介紹一下內(nèi)容結(jié)構(gòu)

          第一部分為基礎(chǔ)篇,介紹 Electron 并深挖其原理,與 Web 開發(fā)做對(duì)比,針對(duì)不同之處介紹 Electron 開發(fā)。讓你在實(shí)戰(zhàn)中鞏固基礎(chǔ),并帶你寫出一個(gè) Demo。
           
          第二部分為項(xiàng)目實(shí)戰(zhàn)篇,帶你從 0 開始,完成一個(gè)桌面控制軟件——這是一個(gè)結(jié)合 Electron、Node.js 和 WebRTC 技術(shù)的綜合項(xiàng)目。
           
          第三部分為工程篇,這部分他逐步完善實(shí)戰(zhàn)篇的項(xiàng)目,講解在真實(shí)項(xiàng)目中做 Electron 應(yīng)用的流程、工程化建設(shè)的關(guān)鍵點(diǎn)和實(shí)踐技巧,幫你在業(yè)務(wù)中順利落地。
           
          類似的干貨有很多,具體可以看看目錄:
           
           

          我們常說(shuō)“不積跬步,無(wú)以至千里”,這句話中的“跬步”,我把它定義為:做成一件事。我們總會(huì)做很多事,但大多數(shù)時(shí)候,能真正得到提升的是“把事做成”。     

           

          成事的目標(biāo)不分大小。它可以很小,比如學(xué)完兩節(jié)課;也可以很大,比如用 2 個(gè)月時(shí)間搞懂 Electron 工程化建設(shè)的核心方法。最重要的是,一旦定好目標(biāo),就要竭盡全力把事做成。

           
          申請(qǐng)了專屬優(yōu)惠:
          新人首單 ¥59.9  ,僅限「前 50 人」
          即將漲價(jià)至 ¥129,相當(dāng)于 5 折
           

           
          如果你也想 Electron 真正為你所用,成為手中的利器,千萬(wàn)不要錯(cuò)過(guò)它。
           
          點(diǎn)擊閱讀原文
          新人首單 ¥59.9,即將漲價(jià)至 129。


          加我微信,DayDay2021,返現(xiàn)20。

          瀏覽 83
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  三级片在线播放视频 | 屁屁影院—线路①屁屁影院 | 五月天狠狠干 | 大香蕉婷婷伊人 | 久久手机黄片 |