當初為什麼報名這堂課？ 在JS直播班裡學到了許多核心知識，實在是太多了＠＠，我知道如果沒有接著輸出的話，一定很容易就忘記，既然學了這麼多的知識點，如果沒有把知...
環境建立 首先建立資料夾webpack(可自訂名稱)並以vscode開啟 按下ctrl+`(開啟終端機)輸入npm init -y產生package.json沒...
當初為什麼報名這堂課？ 當初在切版直播班開始學習 Bootstrap、jQuery、swiper、aos、GSAP、Vite等酷東西時，常常看到當時我完全無法...
當初為什麼報名這堂課？ 先參加了體驗營，覺得影音課程搭配直播的上課方式，可以自行調配學習進度，很適合自己目前工作的需要，體驗營結束後，有興趣想學習更多，再加上...
個人背景 學經歷：私立大學商管科系，轉職前在資Ｏ會上過前端課程; 轉職後主要在六角學院持續進修在職年資：前端工程師，約9個月 當初為什麼報名六角學院切版直...
工具包： VS code (應該不用說明) codepen (https://codepen.io/pen/ 線上編譯器，結合html css js + 同步...
好久沒碰code來從前端的最基礎開始學起，這次雖然有目標但是不是那麼明確，還沒開始就自我懷疑😂。 https://didilonguitar.com/buybu...
好久沒發文了！這陣子都在準備工作上的專案，時間和精力被吃光光！這次想來為轉職過程的另一階段做個紀錄與分享先來簡單的前情提要一下 背景：私立大學商管科系學習程式...
慘遭滑鐵盧，每天都很想離開 前篇說得意氣風發，馬上這篇來打自己臉，帶著期待又愉快的心情來這間公司報到，位在南港軟體園區內，日系管理風格，寬敞的辦公室，並且用自己...
投遞履歷及面試後與等待的心境 在投遞履歷之前，其實我非常積極的在社群以及去上課過的單位，還有前端領域可以互動議題上的互動，也漸漸的了解這個領域的一小角樣貌，在投...
時間來到了九月，首次參與六角學院舉辦的實體活動，主要是想去感謝兩位授課老師：洧杰校長與卡斯柏，以及常常回覆問題的葉子助教。 從二月中註冊了六角學院網頁設計師的課...
進度緩慢是不是要砍掉重練 說實話，雖然坐月子期間有跟著前端社團以及書籍維持前端相關的知識與動態，但較少碰電腦學習依然有差，畢竟只有用看的跟實作去開發網頁落差還是...
那是什麼？為什麼是 UI？ 當我腦海中有這兩個字的時候，沒有猶豫立即起身做到電腦前 Google，到底 UI 跟未來職涯有什麼關係？其實我知道 UI 就是使...
今天來講解 this 相關的陷阱題 第一題 myName = '全域'; var person = { myName: 'weiwei', g...
今天要來講解 DOM 與 this 的關係， 對於 DOM 的操作有兩種方式， 第一種是直接將方法寫在元素上， 首先我們先準備一個 button <but...
call, apply, bind 方法 當我們對函式使用 call, apply, bind 這三種方法時，能改變 this 的值 簡易呼叫 先來看一般的函式...
簡易呼叫（Simple Call） 當我們直接執行函式時，就是所謂的簡易呼叫（Simple Call）， 以下會列出各種簡易呼叫（Simple Call）的範例...
在講解 this 之前，先來看一段程式碼，觀察它的執行過程 var myName = 'weiwei'; function callName() {}; c...
我們先來看一段閉包程式碼 function arrFunction() { const arr = []; for (var i = 0; i...
今天我要講解的是閉包（Closure），在進入之前我們先來看一段程式碼， 首先準備一個隨機生成字串的函式 function randomString(lengt...
參數 首先我們先看一個範例 function fn(para){ console.log(para, arguments); }; fn('weiwe...
立即函式特點： 立即執行 無法在函式外再次執行 接著我們來看立即函式的語法 (function() { console.log('立即函式'); }...
函式功能 函式在 JavaScript 中為物件型別，以下列出它一般的物件差別 被呼叫的能力 {} 能撰寫程式碼 () 能傳遞參數 有自己的 this 和...
在 JavaScript 中，物件型別是利用傳參考的方式來傳遞它的值， 因此當我們要複製出獨立的物件型別時， 就必須使用淺層複製或深層複製的方式來複製它的值 淺...
傳值(Call by value) 在 JavaScript 中，只有原始型別為傳值(Call by value) 範例： var a = 100; var b...
在昨天的文章有提到物件可以使用 . 來新增屬性，以下使用各種型別來新增屬性 物件 物件新增屬性 const family = {}; family.name =...
物件宣告 物件內容為一個屬性 (property)對應一個值 (value)， 如果要在後方添加新的屬性和值時，可用逗號(,)隔開， 物件有兩種方式可以宣告，分...
邏輯運算子 &&(and) 使用方式： expr1 && expr2 說明：主要用來驗證兩個值是否皆為真值(Truthy)，...
寬鬆相等( == ) 會進行型別轉換後，再對值進行比較 嚴格相等( === ) 會比較型別和值是否相同，因此不會有型別轉換發生 範例： 字串、布林會被轉型為數值...
優先性(Precedence) 決定運算子彼此之間被語法解析的方式，優先序較高的運算子會成為優先序較地運算子的運算元 相依性(Associativity...
Tim Hsu
weiwei
iThome鐵人賽
看影片追技術