回覆列表
  • 1 # 前端達人
    用手機操控硬體,做個抓娃娃應用

    比如我們可以使用 HTML 5 的 API 呼叫手機陀螺儀硬體,開發一款有趣的抓娃娃應用,我們可以上下左右進行操控,遠端進行操作抓娃娃,是不是很酷呢,哈哈。

    除了抓娃娃,利用了手機陀螺儀的特性,你還可以用 JavaScript 做個手機應用,控制屋裡的智慧裝置、甚至是無人機等等,只要你敢想,你也能做出高科技的東西哦。

    基於 JavaScript 的生態快速構建物聯網

    大家都清楚,全民5G的時代就快到來了,最大的好處莫過於萬物互聯,你家裡大到電視機、電冰箱,小到體溫計、藥盒都可能透過網際網路進行連線,由於 JavaScript 跨平臺性,JavaScript 就成為了首選,再結合node,我們完全可以構建一個基於JavaScript 生態的萬物互聯。以下是一個基於 JavaScript 生態的物聯網架構圖,僅供參考,如果你感興趣的話,可以搜尋查詢相關資料。

    酷炫的 WebGL 動畫

    我們可以使用 WebGL API 構建酷炫的3D世界,比如 3D 網站,甚至是 3D Web 遊戲。在這方面,國外已經開始進行嘗試,相信在不就的將來,未來的網站大多數是基於WebGL的,WebGL的門檻還是比較高的,你需要有比較深厚的數學幾何知識,對於剛入門的小白還是有難度的。以下動畫,就是筆者基於 WebGL API 呼叫的一個3D模型機器人,是不是很酷呢?

    一款超強真實感的安卓機器人,效果是不是很逼真呢?

    構建 WebVR

    不管你信不信, WebVR將會是瀏覽器下一個讓你激動的技術方向, 也許很快你就可以使用VR頭顯或者相關裝置訪問網頁資源了,進行身臨其境的體驗。目前這方面,火狐瀏覽器支援度還是蠻好的,你可以進行體驗。你可以用 A-Frame 這個JavaScript 框架構 WebVR

    應用,如下圖所示,是一個簡單的示例,我們就構建了一個WebVR的世界,程式碼是不是很簡單呢?

    使用D3.js這樣的類庫構建視覺化的大資料應用

    未來是大資料的時代,如何將大資料進行視覺化,更酷炫的的形式進行表達呢?使用

    D3.js、Echart.js這樣的工具構建高階上檔次的應用,D3.js更靈活,但是掌握難度比較高,Echart.js入門簡單,適合小白進行學習。下圖就是D3.js做的一個網路圖譜關係:

    做網頁小遊戲

    大多數男孩子選擇計算機,我想大概多數是這個原因吧:小時候痴迷玩遊戲,希望長大後也能做一款屬於自己的遊戲吧,JavaScript 可以滿足你這個夢想,網頁上有不少h5小遊戲都是用 JavaScript 製作的,如果你感興趣的化,研究一下,也是能做出來的喲。

    小節

    今天的內容,就給大家分享到這裡,用 JavaScript 還可以做桌面端軟體、後端開發等等,做出有意思的事情遠不止是我剛才分享的這些,希望今天的分享能激發你學習JavaScript的激情,期待你在留言區裡和大家分享你覺得有趣的應用哦。如果你喜歡本內容的分享,別忘記轉發點贊喲。

  • 中秋節和大豐收的關聯?
  • 誰能具體介紹舒伯特的生平?