為了知道那些常被拿來考觀念的專有名詞是哪裡來的，這篇要先整理 JS的 Execution Context！ Execution Context 的定義 『當J...
前陣子剛寫完 JavaScript，差不多可以開始進行 Vue 的時候，突然想起在 Vue 開發的時候總是搞不清楚什麼是淺拷貝 ( Shallow Copy )...
大家好～上次文章介紹了錄音錄影的功能，這次要來弄個多人視訊聊天室，竟然我們已經知道怎麼取得影音檔案，那麼對於聊天室而言就只少了一個東西，那就是交換資料的手段，所...
網飛訊科技 Good People Only![104職缺-點連結投履歷]JavaScript前端工程師 [工作內容] 參與電信業專案，開發與維護網站前端功能...
『經濟學家薩謬森問同事是否願意賭一次擲硬幣，可以贏二百美元或輸一百美元。同事說：「我不會賭，因為我對輸一百美元的擔心比贏二百美元的期待更大。如果體讓我連續賭一百...
理解js單執行緒&非同步運行機制 由於js為單執行緒，也就是一次只處理一件事情並依序執行，但倘若遇到執行時間較久的程式，就會造成阻塞(全天下就都等你一個...
特點 Async Await 為 Promise 延伸出的特性，是 Promise 的語法糖 函式本體是屬於非同步，但內部以 “同步的方式運行非同步” 程式碼...
Javascript 的型別可以分為兩大類，分別是 原始型別 以及 物件型別 我們經常會使用這些型別各自的方法, 例如用 length 取得字串的長度。 但為...
陳述式與表達式的差異 陳述式：不會回傳結果，而是執行特定的程式碼，如使用 if...else、switch、try...catch，變數宣告 var、le...
function eatBreakfast () { console.log('吃早餐'); } function washingPlate () {...
Promise 是用來優化非同步的語法。 Promise 物件狀態 pending: 初始狀態 fulfilled: 操作成功 rejected: 操作...
this 是 JavaScript 的關鍵字 this 是 function 執行時，自動生成的內部物件 隨著 function 執行的場合不同，this 指...
剛心血來潮想抓自己的 Medium 文章放到網站上，於是去查了一下 Medium API，但發現主要功能是透過他們的 API 去自動化你發佈文章的過程罷了 繼續...
立即函式(IIFE) 立即執行的函式 限制變數作用域 無法在函式外被再次執行!! //立即函式，函式最外面加上一個小括號，並使用()執行，()在包函式的括號...
NVM 是一個非常方便的 Node 管理器，你可以安裝任何上線的 Node.js 版本並隨時切換，以下將介紹如何在 MacOS 安裝 NVM 以及我常用的一些指...
簡單來說，就是呼叫函式內的函式，將記憶體封存在內層。 像這樣，我們把 count 封裝在 counter() 當中，不但可以讓裡面的 count 不會暴...
傳值(call by value)vs傳址(call by reference) 基本型別(Number、String、Boolean、null、undefi...
Hoisting 先了解什麼是Hoisting，也就是宣告提升。此種行為現象主因，是由於js在初始編譯階段，先將變數&函式宣告式放入記憶體(此時無賦予值...
在上一篇稍微講解了一下 認識 jQuery 的基本使用與安裝教學，現在來簡易說明如何透過 jQuery 的 Ajax 與 API 進行資料互動。jQuery 將...
大家好！今天這篇主要是實作瀏覽器上的錄音與錄影功能，這邊先列出幾個會做到的目標 顯示視訊畫面與聲音 顯示螢幕分享畫面與聲音 截圖與下載 錄製畫面與聲音 那麼...
//裝備藥水:實現藥水單向(若裝備欄內沒藥水可直接裝備)、雙向置換(若裝備欄內已經有藥水，直接點擊新藥水會進行置換)， var x = document.ge...
這是一篇記錄我大專寫到一半的筆記文，單純是覺得寫code寫出了一點成就感，也是為了能記住曾經走過的歪路。 我還尚未從資策會C#班畢業，是個菜逼中的菜逼，目前正在...
特殊的數字 Infinity 系列： Infinity + Infinity // Infinity -Infinity + -Infinity...
主要區別 var： 變數未宣告前使用，會出現undefined var為函式作用域(function scope)，不會受限在區塊作用域（block sco...
資料型別 為何需判斷型別，其因為電腦在執行時，需先判斷資料是何種型別，才可採取運算方式。例如數字123與字串的123的處理方式。 除了基本型別(Primitiv...
使用 Javascript 產生簡易版本的亂數抽籤系統。 先理解 Math.random() 語法。 再結合 Math.floor()，確保每個物件被取出的機...
用之前的篇幅，已經大概跟大家介紹完靜態網站的基本技巧，理論上要做出一個網站是沒有什麼問題了，BUT我們肯定是不會就此停下腳步的，錦上添花就是工程師的天命阿。所以...
客戶需求如下 不要用datepicker點，說是手機太小不好點＋老人不會點 資料庫格式為西元年，但一堆人填民國年 CodePen程式碼：https://co...
查資料的時候發現，大部分人選擇日期都直接使用.datepicker或是<input type="date">但需求方希望年、月、...
前言 因為公司前端資料已經處理成單層結構，所以都沒注意到淺拷貝、深拷貝的實際差別。在讀完高手文章後，才發現和自己想的不一樣。也順手將文章重點整理，分享給大家，別...
iThome鐵人賽
看影片追技術