昨天我們用 CSS 把網頁裝扮得漂漂亮亮，但它依然只是「漫畫」——好看，但還是會讓人有想把它變更生動的想法。今天，終於要迎來前端的第三巨頭：JavaScript（JS），讓網頁真正的「活」起來！ 為...
箭頭函式是JavaScript的一種特別的函式寫法，用來簡化一般函式(function)。 //一般函式 function() { ... }; //箭頭函式 () => { ... };...
昨天完成了基本的網頁版型，今天要來做一個小小的互動：按鈕切換頁面內容。這個功能常見於網頁中，例如：商品頁面切換「介紹 / 評價」、音樂網站切換「歌手 / 專輯」。 HTML 在 body 裡面加了切...
想像一下，我們要蓋一棟房子（我們的 BLE 偵錯工具），今天就是來學習如何製造最基本的「磚塊」。這些磚塊就是程式中的資料。我們將學習如何「製造磚塊」（賦予資料型態）以及如何「存放和標記磚塊」（宣告變數...
前兩天我先練習了變數、函式，還有物件跟陣列的基本操作。今天要學的是 ES6 新增的一些語法糖：解構、展開運算子、模板字串。這些語法不是必須的，但用熟了程式會更簡潔，看起來也比較好懂。 解構（Dest...
網頁是什麼？ 學網頁設計的時候，常常會聽到三個名字：HTML、CSS、JavaScript。它們是構成網頁的三大元素： HTML 網頁的結構。 CSS 網頁外觀。 JavaScript 網頁的...
語法規則 語法規則指程式語言本身的文法要求，如果違反就無法編譯或執行。 基本語法 每條語句必須正確使用語言提供的關鍵字與結構。 例如 JavaScript： let x = 10; //...
說在前頭～既然已經達成30天了，乾脆把庫存一次全部PO完好了～ 安安，我是 ChiYu！ 昨天，我們為 App 裝上了堅固的大門與門鎖，成功地實現了完整的使用者認證流程。至此，我們 MVP (最小可...
在經過HTML、CSS的學習後，接下來要提到的JavaScript，對於增加網頁的互動功能性，扮演舉足輕重的角色。舉凡點擊按鈕後，會產生相對應的互動，諸如產生填寫表單供網頁使用者填寫、關閉填寫表單、送...
JavaScript WebViews WebView 是Android 其中一個元件 它可以用來在Application中顯示Web, 使得 Android 可能受網頁弱點影響 像是常見 XSS 或...