大家好，自從開賽已過了一周了，首先給自己一點掌聲，耶呼，大家一起繼續努力吧! 第一周主要聊些SPA的基本概念，今天我們來點有趣的，直接用簡單的範例來試做SPA...
Day22 六角 Off Canvas #1 簡單小語 選單選單選單，各式各樣，基礎練習不能少，每次在RWD時的menu轉換都是一種練習，掌握每個物件的位置及...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
回顧 React component 在上一篇中，我們介紹了 React component 是什麼，並解釋了它的好處與語法，一起來複習一下吧！ React c...
如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...
Mock 是什麼？ 單元測試時，假設我們要測試 A 單元，但這個單元需要依賴另一個單元（B 單元），例如：發送一個 request 到 API 。一方面，因為單...
昨天講了基本的this規則，今天來介紹函式的內建方法來綁定this，跟使用this時的注意點 首先是三種函式的內建方法，使用這些方法可以在指定想要的this值...
bt
‧
2020-09-22
Tree 資料結構 本文同時發布於好讀整理版 Tree 是一種資料結構 Source from wikipedia 最上面會只有一個 Node (節點)，...
有時候函式需要一些特定資訊才能完成它的工作，因此宣告函式時需要再給予它參數。在這樣的函式中，參數的功能就有如變數。參數放置的位置，在函式名稱後面的小括號裡。以下...
看以下程式碼 console.log('圓半徑', 10) console.log('圓周長', 2 * PI * 10) console.log('圓面積',...
長庚
‧
2020-09-21
前面提過 babel 是個把程式碼編譯成程式碼的工具，本質上它還是個編譯器，所以它在做的事基本上就是編譯器在做的事，不過這邊會避免對編譯器的部份講的太細，重點是...
本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...
在前 11 天當中我們把大部分 Svelte 的功能都講解完啦！（撒花）從今天開始我們會搭配 Svelte 來實作各種前端 UI 的應用，也歡迎大家提供想法～...
愷開
‧
2020-09-21
https://stackblitz.com/edit/angular-5r8rju?file=src/app/app.component.ts 補字區：[鐵...
長庚
‧
2020-09-21
在 HTML 標籤寫入 onclick() 事件 在 addEventListener 的寫法出現前，是在 HTML 的標籤內直接寫入事件，假如要寫入一個 c...
瀏覽器中有許多的事件，筆記常用的像是滑鼠點擊、移動事件、鍵盤輸入事件、冒泡事件...等，事件通常與函式搭配使用，在事件發生前函式不會被執行！ 舉例：點擊按鈕的...
用法跟 innerHTML 類似，寫到這邊有發現 for 迴圈在前端技術上大量的被使用。 data 資料 這次也是用一個主題來練習，找出學校的每一位老師，資料...
createElement 方法：使用 DOM 節點來處理。(貼上 DOM 文章連結) 優點：安全性高。 缺點：效能差。 首先在 HTML 裡面新增一個...
物件資料 這次記錄透過 for 迴圈篩選出資料後，渲染在網頁上，未來 for 迴圈也會很常篩選 JSON 的資料內容，這次的資料如下： var data =...
innerHTML 方法：組完字串後，傳進語法進行網頁渲染。 優點：效能快。 缺點：資安風險高，須確保資料來源沒問題。 原本學習的方式是用 textCon...
前面學過 textContent 使用方法，如何用更簡短且易讀的程式碼來控制網頁元素？ 透過變數管理相同的程式碼 原本要控制 id 的寫法都會是： docum...
常常聽到人家講說 DOM 元素，到底是什麼? DOM 的英文全名是 Document Object Model，中文是「文件物件模型」。 是 HTML、XM...
在取得 Open Data 前，要先認識 JSON 資料。 什麼是 JSON JSON（JavaScript Object Notation，JavaScri...
i++ for 迴圈內有一個所產生的值，會用 i++ 登打， for (var = 0; i < array.length; i++) { ... }...
之前學過 if，是有條件下的篩選機制，如果是多樣本但只要取出條件下的數值，配上迴圈就會非常好用，下方帶入一個主題： 有三間賣炸雞的餐廳要被評鑑銷售量，套餐要超...
透過迴圈來取得陣列裡的資料 當得到龐大的陣列資料時，透過迴圈來存取資料會輕鬆又省事，所以陣列跟迴圈常常會搭配使用。 情境 倘若今天要查詢兩間店家的老闆姓名，拿...
學習目標 如何利用 getUserMedia API 實作簡單的canvas應用 實作 接下來會展示一些簡單實作，主要是熟悉能透過getUserMedia...
在學習資料型別的同時，也需要了解資料如何在記憶體裏被存放。如果要深入探討這課題，其實也可以延伸出一些爭議點，例如到底JavaScript是不是只有傳值？還是也有...
學習目標 了解 MediaStreamTrack 物件包含了哪些屬性及功能 還不知道如何取得MediaStreamTrack 物件的話，可以先觀看該章節...
本篇來介紹 Async Functions & await expression。 本文同步發表於 Titangene Blog：JavaScrip...
river_huang
TerryYu
Andy Chang
Henry Chang
DanSnow
TWGD
smartyee
asn lin
PerryLiao
Tim Hsu
早晨來杯咖啡
Alysa Chan
Titangene
iThome鐵人賽
看影片追技術