<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          如何利用HTML5打造桌面應用,介紹基于Nodejs實現搭建跨平臺桌面應用的框架

          時間:?2017-11-13閱讀:?3189標簽:?桌面

          通常我們會感覺網上有很多有趣的HTML應用,但這些應用非要你打開瀏覽器,輸入網址。其實我們更喜歡直接點擊桌面的一個圖標就啟動一個程序的這種體驗。用html5+javascirpt+Css開發的本地桌面應用就是要提高給用戶這種體驗,這篇文章將介紹開發HTML5本地桌面應用的框架:


          Electron

          Electron是這樣一個框架,它可以幫助您使用JavaScript/Html/Css等網站相關技術,非常快速而容易地搭建一個原生應用。  

          基于vue框架的實現:electron-vue 充分利用 vue-cli 作為腳手架工具,加上擁有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。

          地址:https://electron.org.cn/



          NW.js

          NW.js 是基于 Chromium 和 Node.js 運行的, 以前也叫nodeWebkit。這就給了你使用HTML和JavaScript來制作桌面應用的可能。在應用里你可以直接調用Node.js的各種api以及現有的第三方包。因為Chromium和 Node.js 的跨平臺,那么你的應用也是可以跨平臺的。

          地址:https://nwjs.io/


          Electron與NW.js差異:

          1. 應用的入口 

           在 NW.js 中,一個應用的主入口是一個頁面。你在 package.json 中指定一個主頁面,它會作為應用的主窗口被打開。 在 Electron 中,入口是一個 JavaScript 腳本。不同于直接提供一個URL,你需要手動創建一個瀏覽器窗口,然后通過 API 加載 HTML 文件。你還可以監聽窗口事件,決定何時讓應用退出。 Electron 的工作方式更像 Node.js 運行時。 Electron 的 APIs 更加底層,因此你可以用它替代 PhantomJS 做瀏覽器測試。

           2. 構建系統  

          為了避免構建整個 Chromium 帶來的復雜度,Electron 通過 libchromiumcontent 來訪問 Chromium 的 Content API。libchromiumcontent 是一個獨立的、引入了 Chromium Content 模塊及其所有依賴的共享庫。用戶不需要一個強勁的機器來構建 Electron。

           3. Node 集成 

          在 NW.js,網頁中的 Node 集成需要通過給 Chromium 打補丁來實現。但在 Electron 中,我們選擇了另一種方式:通過各個平臺的消息循環與 libuv 的循環集成,避免了直接在 Chromium 上做改動。你可以看 node_bindings 來了解這是如何完成的。 

           4. 多上下文 

           如果你是有經驗的 NW.js 用戶,你應該會熟悉 Node 上下文和 web 上下文的概念。這些概念的產生源于 NW.js 的實現方式。 通過使用 Node 的多上下文特性,Electron不需要在網頁中引入新的 JavaScript 上下文。

          heX

          heX 是網易有道團隊的一個開源項目,允許你采用前端技術(HTML,CSS,JavaScript)開發桌面應用軟件的跨平臺解決方案。heX 是你開發桌面應用的一種新的選擇,意在解決傳統桌面應用開發中繁瑣的UI和交互開發工作,使其變的簡單而高效,特別適合于開發重UI,重交互的桌面應用軟件。  

          地址:http://hex.youdao.com/



          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/96

          內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權或違規,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网