前端html+js可以幹嘛?

江西新華電腦001


最基本的就是開發網頁啦,html寫網頁,js實現網頁交互效果,除此之外,也可以開發桌面GUI程序,下面我簡單介紹一下如何使用html+js開發出一個簡單的桌面程序:

1.這裡為了更好的說明問題,我新建了一個html文件,就是一個簡單的登錄頁面,源碼如下,非常簡單,就是兩個輸入框和一個登錄按鈕:

瀏覽器運行的效果如下:

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能幹嘛?

(1) html能幹嘛

html是定義為超文本標記語言,是一種規範也是一種定義,它通過標記符號來標記要顯示的網頁中各個部分

通俗的講它就是為了完成運行在web端的你能看到的頁面的一種實現方式,或者說b/s,架構類型的

(2) js能幹嘛

還是從定義上看js是一個腳本語言,為了給html網頁增加動態功能,為用戶提供美觀流暢的效果,就是為了使你的頁面和用戶有更好交互效果

html+ js能幹嘛

那這麼問。它能做的也就是做瀏覽器端(客戶端)的一些應用程序,一些可視化的頁面。將你的後端數據渲染到前端頁面,然後和用戶更好的交互


思夢PHP


前端三大塊,html、css、js,其中html負責頁面結構,css負責樣式,js負責頁面行為。但做前端單考這三塊是不夠的,還得學學那些主流框架,後端語言等等,例如:前端三大框架vue、react和angular等等


吾優庫


基本上就可以入門了。然後學習一些框架就可以找前端的工作。JS是最重要的,原生JS


楊柳岸殘月孤輪


html開發網頁,js做網頁兩交互。


分享到:


相關文章: