剛好有一道面試題目,不能使用 input type=date 或任何現有套件,要做出類似Datepicker的功能細節需求為 點擊“<”及“>”切換年、月 點...
本系列是為了轉生,為了點技能而解任務的攻略提示,皆無營利、亦非營利取向。 Javascript:屬於直譯式語言* 直接利用直譯器產出,故電腦只能透過直譯器觀測...
為了將 Google Calendar 與 MySQL 事件同步需要建立 Google Api 與本地 MySQL 資料庫 完整Code - https://g...
隨著 Component Driven 興起,元件化變為不可逆的趨勢,在元件化後的可替換性與重複利用性上有了很大的幫助,但如果直接在系統上開發,則會被其他的元件...
此篇為番外,為選入本篇的原因為 Jest 的功能與單元測試的方式多元且複雜,此篇僅能做初步的介紹,因此放於番外作補充。 隨著 TDD 的流行,單元測試在現在...
此篇為番外,未收入在本篇的原因是 TypeScript 會直接影響開發,使撰寫的程式語法與原本不同,因此需看專案或使用者的需求決定是否使用,因此放入番外作為補...
promise 經常與 Ajax 共同談論,但這篇文章會以 promise 為主;promise 是一個語法,專門用來處理與優化非同步行為,我們知道 JavaS...
目錄 JavaScript Day01 - 說明 說明與工具 JavaScript Day02 - 變數(1) var ES6:let、con...
完食文 「 恭喜您!您的鐵人系列文「舌尖上的 JS」成功完賽。鐵人鍊成不易,堅持到最後挑戰成功實在太厲害了,趕快跟朋友分享這份榮耀吧! 」 終於完賽了~~ 舌尖...
鐵人賽系列 在本次的鐵人賽也看到不少 JS 的相關主題,提供給大家參考也方便自己查詢,有不少都很清楚跟深入(可能還有不少漏掉的,歡迎補充推薦) JS 基礎Jav...
初學者升級啦 YA!30天了~代表我連續 30 天學習 JS 了!(拍手~) 第一次參加鐵人賽,其實當初活動開始的時候就一直猶豫,直到開賽最後一天下定決定報名!...
其實原本不是要叫這個名字的。原本要叫《官網沒教你的「如何把 Vue 寫好」》但是太狂了,竟然敢代替官網教你寫 Vue.js,後來想叫《Chris 的 Vue.j...
本篇分享自製一個簡易抽獎程式碼啦!---以JQ為例 ▼完成圖如下 為了讓大家比較好懂,程式碼用這張圖解釋 附上程式碼 https://codepen.i...
我們在過去 29 篇說了很多 JavaScript 的東西,也用 Node.js 寫了一些東西。 現在,我們要再更進一步,介紹一些 JavaScript 相關領...
基本概念 this 是一個關鍵字 在不同執行環境中,this 所指向的值也會不同 this 和函式的呼叫方法有關 在全域環境下 this 值在所有函式以外...
前言 自己設計 pizza 材料表單! 認識 html input 標籤 input 可以用在表單輸入上,而內建的種類有很~多種,像是預設的文字輸入或是數字輸...
Review 由於 State 原本可以一篇寫完的,被我拖成四篇的關係,所以來回顧一下,哈哈哈哈哈哈 這是我們的前幾章實作的 State Monad const...
最後一篇來個首尾呼應,回答在 Day 01 問大家的七個關於 UI 元件的問題! 你知道 為什麼會有 UI LibraryA:讓我們可以不用再自己造輪子,...
本次鐵人賽的作品,你玩過了嗎? 先分享一件趣聞 在我上禮拜完成這個音樂遊戲後,我將它分享給了一些人看,包括我的印度室友,沒想到他深有感觸,在凌晨5點的時候...
前情提要 艾草:「你來了呀,魔法師!」 「你剛剛叫我什麼?我已經是魔法師了嗎?!」 艾草:「嗯,你具備了魔法師的真正特質,一步一步找尋答案、慢慢學習成長的耐心!...
JSON 轉換 雖然有時例子會提到,但似乎沒特別提出來說明 JSON.stringify():將物件陣列轉換成 JSON 的字串 replacer:可選...
前面講完表單這樣常見又複雜的製作方式,其實在對付的是一種「以物件為根的」資料結構。並且同時又處理掉了物件的物件,以及物件的陣列。那麼所有的表單其實就沒有什麼好害...
深度優先搜尋(Depth-First Search,DFS)與廣度優先搜尋(Breadth-First Search, BFS),是可以用來走訪或搜尋樹節點與圖...
classList ClassList是一個物件,會返回一個 DOMTokenList,裡面包含此元素的類名列表 常見方法:add():添加一個或多個類,如果此...
嗨!因為最近系列文快要結束了,所以也準備把專案推上去 production 了。Next.js 有列幾個推 production 之前該注意的事項,其中一項就是...
嗨大家好,真希望一天能有 48 小時,不然這主題都要分到四部曲了,沒錯,應該會有四部曲! 抱歉了! Applicative Functor 上次提到了 map...
今天我們來用 electron-forge 打包程式。 新增 electron-forge 到專案 npm i -D @electron-forge/cli...
前言 今天玩轉黑膠唱片,Audio Web API 接起來~~ Audio Web API Audio Web API 可於網頁上操作並播放音訊檔案。 根據...
什麼是作用域 靜態作用域:在語法解析時就確定作用域且不會再改變,JavaScript 屬於此類,又稱作語法作用域(lexical scope) 動態作用域:在...
內插搜尋法(Interpolation Search ),又稱插補搜尋法,是二分搜尋法的改良版,二分搜尋法是先找出中間值,而內插搜尋法是透過斜率公式來估出資料...