Vue3正式版終於出現了啊，因為一開始是去學Kuro大大的Vue2.6的課程，剛好是3.0的前一版，本來滿擔心會不會差很多，但是實際使用上好像也還好，其實是我只會皮毛而己。 這應該是今年的最後一篇文章了，先預祝大家新年快樂，2021大發財。現在，讓我們來做做一個簡單的購物車APP吧，Let’s go。 首先我們想做一個這樣子的頁面 There should have been a video here but your browser does not seem to support it. 第一步 - 基本設定 先將相關的CSS跟圖片載入，資料夾的結構加下所示 建立index.html + index.js 載入 …

Read More

Vue (讀音 /vjuː/，類似於 view)是一套用於構建用戶界面的漸進式框架，它是由尤雨溪開發的。Vue與其它大型框架(Angular、React )不同的是，Vue被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue也完全能夠為複雜的單頁應用提供驅動。至於為什麼會去選擇VUE呢？其一是它很輕量，其二是因為我的英文很弱啊。 Vue.js的初體驗 資料連動 (v-model) Vue.js是Reactive的，資料跟畫面綁定後，我們只要關心資料的變化，下面就是一個很簡單的例子。 There should have …

Read More

相信大家多少都有聽過Firebase是個JSON格式的資料庫吧？但是其實它還有一些其它的功能，比如說今天要介紹的這個Functoins的功能，就是拿來寫WebAPI用的，可以直接去讀取Firebase資料庫，相當的方便，它有支援iOS / Android / JavaScript / C++ / Unity的Framework - onCall()，但個人是要把它做成HTTP的形式 - onRequest()，為什麼呢？一方面是因為並不是每一個語言都有Firebase的支援，另一方面是比較容易看到輸出的結果。現在我們就來試試看吧。 安裝過程 Functions在哪裡？ 首先，我們先來看看Functions到底在哪裡呢？登入 …

Read More

話說，版主1111光棍節已經過到不想過了，早就從魔法師轉生成大魔導士了，所以本魯今年的願望這是脫單，利用高級打字工的優勢，利用AR.js / A-Frame.js做一張令心儀的人會喔喔喔喔的生日小卡片吧，相信版主一定會成功的，話不多說，做就對了。 做一個長這樣的網頁 There should have been a video here but your browser does not seem to support it. 製作過程 新增專案 新增一個等一下要放網頁的專案APP，至於heroku CLI的安裝過程就不再贅述。 There should have been a video here but your browser …

Read More

正規表示式 - Regular Expression，又稱正規表達式、正規表示法、規則運算式、常規表示法，它是用來做字串比對的語法，其實大部分的程式語言都會有，一般在簡單的字串比對上面，比如說：英文句子中把you are換成you’re，利用該程式語言的語法去暴力搜尋即可，但如果是比較複雜的比對呢？常見的像是eMail有沒有符合格式，手機電話號碼的格式，日期的格式等…，如果直接使用該程式語言去寫，除了曠日費時之外，另外也很難寫的很完整，難免會有沒有測到的地方，那為何不用『專門』的方法去做處理呢？以下的測試可以在Regex101這個網站去做Demo，各程式的正規式使用方法就不在這裡說明了。 單一字元 字串取代 將William換成 …

Read More

記得當時年紀小，一直以為JavaScript跟Java是類似的東西，後來才發現原來JavaScript是在寫網頁的特效啊，雖然簡單易學，但是只有單線程，一寫不好網頁就當在那裡了，而且當時只是用來寫防滑鼠右鍵跟Ctrl + C的工具，到了後來，JavaScript使用的範圍越來越廣泛，如雨後春筍般的framework一個接一個，已經算是前臺的必備良藥，後來強大的V8引擎，跟能夠寫後臺資料庫的Nodejs，JavaScript等於是網頁端前後臺全包，加上也能寫手機APP，將來真的是JavaScript一統天下。但是就因為JavaScript語法簡單，專案一大就顯得難以維護，其中著名的框架VUE 3.0就正在用TypeScript重寫，而 …

Read More