最基本的就是開發網頁啦，html寫網頁，js實現網頁互動效果，除此之外，也可以開發桌面GUI程式，下面我簡單介紹一下如何使用html+js開發出一個簡單的桌面程式：
瀏覽器執行的效果如下：
2.接著就可以將這個html網頁打包為桌面應該程式，這裡需要用到nodejs的Electron功能，下面我具體介紹一下主要步驟及截圖：
首先，需要安裝本地node環境，這個直接到官網上下載就行，如下，選擇適合自己平臺的版本即可：
安裝完成後，需要下載一下electron和electron-packager這2個包，後面的打包需要藉助這2個包，命令“npm install electron electron-packager”，如下：
接著新建一個資料夾，將剛才的html檔案拖拽進去，同時新建一個package.json檔案和一個main.js檔案，如下：
package.json檔案配置如下，主要指明應用名稱、版本號及打包配置檔案：
main.js檔案配置如下，這裡需要指明打包程式的入口檔案，網上也有詳細配置過程：
最後就是在打包程式了，命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”，打包的過程非常快，這裡主要需要指明打包的應用名稱、輸出目錄、版本號、位數等：
接著就可以在輸出目錄AppDir中找到打包好的應用程式APP.exe，直接雙擊就能開啟，截圖如下，和瀏覽器效果差不多：
至此，我們就完成了利用html+js來開發一個簡單的桌面GUI程式。總的來說，整個過程不難，就是步驟有些繁瑣，只要你熟悉一下上面的配置過程，多操作幾遍，很快就能掌握的，當然，你也可以使用html+js開發移動應用，像HBuilder等，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。
最基本的就是開發網頁啦，html寫網頁，js實現網頁互動效果，除此之外，也可以開發桌面GUI程式，下面我簡單介紹一下如何使用html+js開發出一個簡單的桌面程式：
瀏覽器執行的效果如下：
2.接著就可以將這個html網頁打包為桌面應該程式，這裡需要用到nodejs的Electron功能，下面我具體介紹一下主要步驟及截圖：
首先，需要安裝本地node環境，這個直接到官網上下載就行，如下，選擇適合自己平臺的版本即可：
安裝完成後，需要下載一下electron和electron-packager這2個包，後面的打包需要藉助這2個包，命令“npm install electron electron-packager”，如下：
接著新建一個資料夾，將剛才的html檔案拖拽進去，同時新建一個package.json檔案和一個main.js檔案，如下：
package.json檔案配置如下，主要指明應用名稱、版本號及打包配置檔案：
main.js檔案配置如下，這裡需要指明打包程式的入口檔案，網上也有詳細配置過程：
最後就是在打包程式了，命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”，打包的過程非常快，這裡主要需要指明打包的應用名稱、輸出目錄、版本號、位數等：
接著就可以在輸出目錄AppDir中找到打包好的應用程式APP.exe，直接雙擊就能開啟，截圖如下，和瀏覽器效果差不多：
至此，我們就完成了利用html+js來開發一個簡單的桌面GUI程式。總的來說，整個過程不難，就是步驟有些繁瑣，只要你熟悉一下上面的配置過程，多操作幾遍，很快就能掌握的，當然，你也可以使用html+js開發移動應用，像HBuilder等，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。