JavaScript 是一種「事件驅動程式設計(Event-Driven Programming)」的語言,透過觸發事件的方式來執行相對應的程式碼。以前端的網頁...
110. Balanced Binary Tree 解題程式碼 /** * Definition for a binary tree node. * fun...
影片教學 重點回顧 Document Object Model, DOM 一個可以存取&改變文件架構和內容的方法 Document:HTML Obj...
今天要把前幾天講過的 HTML、CSS、JavaScript 架構全部整合起來,加上我自己用 FLEX MESSAGE SIMULATOR 拉的三個圖文訊息版面...
在 JavaScript 中,非同步程式碼的處理一直以來都是個挑戰。過去,我們只能使用回調函式(callbacks)和事件(events)等來處理非同步操作,但...
[Should I use fp-ts?] Day 25 - fp-ts Array 在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts...
50. Pow(x, n) 解題程式碼 var myPow = function (x, n) { if (x === 0) return 0; if...
影片教學 重點回顧 Object 物件 function & method function printHello() { console....
在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...
昨天說到透過 this 關鍵字會在不同情境中取到不同的值,雖然會如何取值都是根據規範而來的,但實際上我們能手動改變 this 的指向,那就是透過函式原型的 ap...
190. Reverse Bits 解題程式碼 var reverseBits = function (n) { let result = 0; for...
影片教學 重點回顧 這次的實作預計結果為 生成一個隨機密碼0~100 可以請使用者輸入數字 判斷是否猜中,若否從新輸入(更新範圍);若是,顯示猜中數字 參...
在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-23 並且有測試可以讓大家練習。 Array 平...
在 JavaScript 中,this 關鍵字是一個相當重要且常被誤解的概念,對初學者來說是大魔王般的存在,即使是老手有時也會不小心誤判結果。以函式來說,它的值...
在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...
191. Number of 1 Bits 解題程式碼 var hammingWeight = function (n) { let count = 0;...
影片教學 重點回顧 重複做某件事情就會需要用到迴圈有 for loop(通常用於知道明確重複次數) & while loop(通常用於不確定重複次數)...
在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-22 並且有測試可以讓大家練習。 Apply 使...
在 JavaScript 中,函式(Function) 是一種具有「可執行程式碼片段」的物件,與其他物件最大的差別是函式能被呼叫。函式能被當作一般的物件來傳遞和...
在上一篇的教學中,我們成功建立了一個React的專案。建立完畢後,會發現我們的檔案資料夾突然多了好多沒看過的東西: 慘了,完全看不懂——沒關係!接下來將帶您認...
67. Add Binary 解題程式碼 var addBinary = function (a, b) { let carry = 0; let re...
影片教學 重點回顧 Array 陣列的 Attributes & Methods length:元素的數量 push(element):新增elem...
在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-21 並且有測試可以讓大家練習。 Either...
在寫了數個的純前端的專案後,我們會發現,每個專案幾乎都會寫到一樣的東西。為了方便,從以前的專案copy一些元件套用在新的專案上是常有的事,但又要因應新專案而反覆...
14. Longest Common Prefix 解題程式碼 var longestCommonPrefix = function (strs) { if...
影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...
在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-20 並且有測試可以讓大家練習。 Either...
JavaScript 中的物件即透過繼承 原型(Prototype) 的機制,使其能夠使用繼承而來的屬性和方法。今天除了介紹 原型(Prototype) 是什麼...
438. Find All Anagrams in a String 解題程式碼 const alphabets = 'abcdefghijklmnopqrst...
上一篇中我們完成了header的切版應用、介紹了錨點(Anchor)、還做了一點主頁面的切版: 那我們接續上一篇的內容,而當我們使用手機裝置打開此網頁,會發現...