我們每新增一個函式,瀏覽器都會向函式內新增一個屬性叫 prototype function Person () {}; console.log( Person...
前情提要 經過上次火屬性初階魔法近距離灼傷手指後。 「就不能讓這個火離我遠一點嗎?遠距離魔法不存在嗎?」 艾草:「你這麼一說我倒是想起來了,有一個方法可以遠距離...
聽說 JavaScript 的這兩大類型「陳述式」與「表達式」也是很基本的觀念,瞬間我感覺自己從來沒有認真搞懂的基本觀念真的不少,難怪每寫一篇文章都會有豁然開朗...
UML Notifier 的 UML 主要是根據 Ant Design 的設計畫出來的,而在 Material 那邊是只有 Snackbar( = Messa...
前面提到了物件、陣列、DOM元素的選取、事件監聽,以及最後的localStorage。這些足夠我們用JavaScript做一個小小的網頁程式,來驗證一下之前提...
談這個主題之前,我們先來回憶一下日常的場景,你來到桃子購物網站,選了你要的商品往下捲動網頁,結果竟然發現網頁下方秀出你上次來買東西時,看的那幾樣商品,你心中覺...
mutation當作 state 的 setter 使用。要符合 setter 的使命,擋掉錯誤格式。 在 GET 和 POST 格式差很多時。可以在 mut...
元件介紹 Table 顧名思義就是一個表格元件,用來整齊的顯示行列數據。 參考設計 & 屬性分析 我自己覺得 table 是一個還蠻繁瑣的元件,要組成一...
前言 昨天終於完成了鐵人賽,所以今天是第 31 天,而這一天就當作鐵人賽的結尾完賽心得跟大家聊聊吧。 從 JavaScript 角度學 Python 其實原本這...
本篇介紹data-*常用抓取方法,以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>,其實已經有用...
今天我們來加個 retry 函式,因為我覺得這個程式可能會出莫名其妙的問題。然後說說如何處裡圖片驗證碼。 Retry retry 函式的用處是當我們一個程式執行...
我們今天要來正式開一個新的專案啦! 不同於以往我們都用 Google Form 來當作載體,這次我們要來製作 Google Apps Script 中的 Web...
event event(事件):在 DOM 物件上所發生的事件,如點擊、滑動、變更等都是 事件處理與監聽:Day20 - 事件(01) DOM 事件處理器:...
今天來講解 this 相關的陷阱題 第一題 myName = '全域'; var person = { myName: 'weiwei', g...
前情提要 生成器模式背後似乎有一個依循的規則 方函式:關於生成器運作的原理,其實跟工具人蠻像的我:又在拖台錢嗎 果然是個工具人,就該用工具人視角 來詮釋生...
繼續昨天的主題,該怎麼用 Chakra UI 做開發呢?現成的元件該怎麼去做客製化?專案有定設計系統 (design system),那怎麼跟 Chakra U...
這題開始之前先來介紹一下Linked list(連結串列)的資料結構。 Linked list(連結串列)使用node(節點)來記錄、表示、儲存資料(data)...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...
上一篇提到可以取得指定的 DOM 節點 今日來介紹可如何透過節點存取及變更文件節點 textContent 可以取得或更新指定元素內的文字 範例中, h1...
一樣先上圖! https://jerry-the-potato.github.io/Chapter4-demo3/ Staring(因為像星星一樣繞行) 有了前...
Introduction 在先前我們提到了 compose,並且將許多單一功能的純函式,透過 compose 成一個更強大的計算函式。 但問題就來了,當兩個函式...
堆積(Heap)建立的方法(以最大堆積實作) maxHeapify: 最大堆積化 push: 新增元素 pop: 刪除特定元素 popRoot: 刪除...
Class 這是ES6 引入的概念,提供我們更簡潔的方式建立物件以及繼承,這樣我們不用一直寫重複的代碼。 類別是一種特殊函數定義類別可以使用*類別宣告*類別...
問題回答 簡短答法:computed 最大特點是必須回傳一個值,並且會把它緩存起來,當函式裏的依賴改變時,才會重新執行和求值。但 watch 與 methods...
Congratulations to all of us! The final day has already come! Hooray!Pic: Unspla...
前情提要 方函式準備展示第二個型態 我:有些情境下,時間就是不能掌握,這要求也太誇張了。方函式:很不合理吧,連一個女生都沒辦法掌握了,何況是時間呢? 方函式...
前言 想像一下,今天你是負責幫忙點菜的服務生,來了一桌客人,拿著菜單跟你說 「 我要 this this this ! 」,請問你知道他點三小什麼嗎,相信除非你...
如同學習函式一樣!有時候我們會一直重複地做一件事,當還是初學者的我們需要製作大量的個人資料物件時,通常第一個想法就是複製貼上~ const person =...
前端網頁三大要素:JavaScript、HTML、CSS,HTML 負責整體資料與架構,CSS 負責網頁樣式外觀的呈現,JavaScript 處理使用者行為與互...
What is AJAX? AJAX = Asynchronous JavaScript And XML.AJAX is not a programming l...