JS 在將值賦予到變數上時會有兩個特性(Call by value(傳值) 與 Call by reference(傳參考)) // 傳值 var name1...
物件與純值 var family = {}; family.name = '皮傑先生'; console.log(family); // 純值無法新增屬性...
打開視野藉由這次鐵人賽我看到許多不同類型的文章，也看到很多人在前端技術上努力(鐵人賽還有很多主題，但我這次聚焦在前端上)，也發現自己還有很大的進步空間，可以挑戰...
同步（Synchronous）與非同步（Asynchronous） 在理解執行上下文與呼叫堆疊之後，眼尖的讀者應該會發現一個問題，那就是既然程式碼是幾乎是一行一...
post — 傳統表單輸入介紹這個功能常用在註冊帳號時，將使用者輸入的資料跟資料庫做比對，檢查是否有重複的帳號。form 表單的 action 屬性要填入後端伺...
前言 在本章節中將介紹這本書最重要的程式組織之一，module，module會用到我們之前所介紹的所有觀念(lexical scope,closure...)，...
什麼是 AJAX ？AJAX 是 Asynchronous JavaScript and XML（非同步的 JavaScript 與 XML 技術）的縮寫，簡單...
經過這幾天學習AJAX，對於接API開始有點認識了，雖然有把一些例子順利寫出來跟大家分享，但是背後也曾經出了不少奇怪問題，例如以下經典問題： fetch('ht...
本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...
物件結構 // 物件實字 var farm = { dog : '小黑', duck : 20, farmer:{ ma...
今天要來提提昨天學到的執行上下文對於整個 JavaScript 執行過程中的角色以及當瀏覽器事件發生時 JavaScript 引擎的運作情形。 呼叫堆疊（Cal...
邏輯運算子MDN : https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Page...
經過了二十多天，一路上我們從基本的邏輯思考方式到瞭解 JavaScript 的意義，再從 JavaScript 原生基礎語法到瀏覽器相關 API 的實作，基本上...
四開四個主題實在太累，JavaScript技術手冊閱讀筆記這個主題就是讀這本書買很久的書，順便把之前的JS筆記一起整理，不過其實也沒有屯稿，每天抱佛腳產出一點東...
長庚
‧
2020-10-15
MDN: https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy if(5){ console...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
前言 目前為止我們都專注在解釋辭法範圍，以及他會對程式中的變量與使用產生什麼影響，本章節會將角度轉移到closure，回顧一下Limiting Scope Ex...
30 - A Chain adding function Don't say so much, just coding... Instruction We wa...
鐵人煉成，回顧三十天 三十天過去了，沒想到我竟然成功完成鐵人賽了！ 上次鐵人賽完賽心得的第一句話是 "轉眼間就過了三十天"，但在這次的挑戰中...
這篇的完整的程式可以到 https://github.com/DanSnow/ironman-2020/tree/master/build-tool/pack...
本系列已集結成書從 0 到 Webpack：學習 Modern Web 專案的建置方式，這是一本完整介紹 Webpack 的專書，如有學習 Webpack 相...
BOM，是 JavaScript 與瀏覽器溝通的橋樑，JavaScript 可以透過 BOM 對瀏覽器進行各種操作，包含開啟及關閉視窗、改變視窗大小、計時器、取...
嚴格相等型別與內容 "皆" 需相等 // 內容一樣 型別不一樣 false console.log(1 === '1'); // 內容一樣...
eslint 是很有名的 linter ，如果有在寫 JavaScript 應該多多少少都會知道，雖然它不該被歸類來這系列的主題「建置工具」中，不過它也算是很常...
這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...
此文件紀錄 React PropTypes 的使用方式與語法 相信讀者在使用純 JavaScript 的時候一定有遇過搞不清楚 function 參數的型別的狀...
ES6開始支援解構語法，可以拆解某個資料結構，並指定給變數。 例如： let arr = [ 1, 2, 3]; let x = arr[0]; let y =...
長庚
‧
2020-10-14
除了fetch外，也有不少人用axios套件來處理AJAX，非常方便易用，Vue作者更建議使用axios作為HTTP請求工具。事實上，Axios是很輕量的套件，...
by Sticky Sidebar Sticky Sidebar 是一個 JavaScript 外掛插件，大多用於製作有 sticky 效果的側邊欄（可理解為固...
今天是最後一天鐵人賽，好像沒有完賽心得就不完美了一樣，原本想說不應該在三十天時寫心得，畢竟這系列不只有這三十天~ 後來想想...最後一天不騙一下怎麼行 不是...
asn lin
ShawnL
Alysa Chan
PerryLiao
Andy Chang
Chester
Henry Chang
DanSnow
Peter Chen
GG
Robin
iThome鐵人賽
看影片追技術