JavaScriptJavaScript | Let's going to know about Queue structure!Hi guys! I am Clark, in the post I am going to try to through JavaScript share and implement Queue data structure, and I will pick the…
JavaScriptIn my opinion, what is the difference between decorator and proxy pattern?Hello guys! In this post, I am going to share what is the difference between decorator and proxy patter. But it is just my opinion, if you…
JavaScriptWhat is the proxy pattern? And how to implement it by JavaScript?Hello, guys! I am Clark. In this post, we are going to learn about proxy pattern. In JavaScript proxy pattern is not as same as others…
JavaScriptWhat is the decorator pattern? And how to implement it by JavaScript?Hello you guys! I am Clark. In this post we are going to learn about decorator pattern and implement it by JavaScript! First of all, my…
Chrome extensionLet website speak by itself - chrome extensions!Hello! guys, I’m Clark. In this post I want to share how to use chrome extensions and some method of javaScript let website speak by itself…
AlgorithmsJS 的演算法養成之路 | Maximum Subarray前言 Hi,大家好!我是神 Q 超人。每次想不到有什麼文章可以打的時候就來解解演算法,剛好也可以為未來的面試做準備,實在是一舉兩得 😂。 這次的題目難度是 Easy,但還是偷走我不少時間去苦惱,一起來看看最後怎麼解掉他 🙌。 題目:56. Maximum Subarray…
JestJest | Use Jest write unit testing for DOM manipulationHello I am Clark! Today we’re gonna write test case of unit testing for DOM manipulation. If we have a piece code of HTML and JavaScript in…
AlgorithmsJS 的演算法養成之路 | Merge Intervals前言 Hi!大家好,我是神 Q 超人。這篇是練習演算法的文章,雖然目前還是很菜,但是希望可以藉由把自己的解法分享給大家,來互相討論得到進步! 題目:56. Merge Intervals 難易度:Medium…
JavaScriptJavaScript | ES6 中最容易誤會的語法糖 Class - 基本用法前言 Hi!本來在之前想和 Promise 、 Fetch 一起完成的 ES6 小小三部曲,一直拖到現在才真正動工,其實本來沒有想要另外學了,但因為最近讀 Refactor 發現善用 Class 也是很好的重構技巧之一,所以決定花點時間讓自己熟悉一下。 Class…
JavaScriptJavaScript | 關於 Object ,一口氣全說完前言 原諒我用醜字做開版圖,首先讓筆者先恭喜一下自己從教召地獄中脫離,距離上一次才經過了一年半,在工作才剛換的時候,這通知實在是來的有點快和無奈,不過這次在出發前隨手將「 Speaking JavaScript 」放進行李,想說重新讀一遍 JavaScript 中的 Object…
Unit TestingJest | 再一次測試你的 Component-feat.react-testing-library 基本用法前言 Hi !大家好,雖然之前有使用 Enzyme 講解如何搭配 Jest 對 React 的Component 做測試,但是幾個禮拜前偶然在某個討論串中看到有大神推薦另一套測試 Component 的套件 react-testing-library ,功能和 Enzyme…
Unit TestingJest | 跨越同步執行的 Jest 測試前言 上一篇「讓 Jest 為你的 Code 做測試-基礎用法教學」中提到了如何使用 Jest 做單元測試,但是 JavaScript 是屬於同步執行的程式碼,這種特性會使 Jest…
Unit TestingJest | 替測試設置分類(describe)及作用域(scoping)前言 關於 describe ,在進行測試時其實是很基本的分類,但是因為 describe 牽扯到了作用域,而在作用域內的 beforeAll 和 afterAll 等 Function 又和 async 異步測試有關,所以本篇文章的內容可能會需要先了解「Unit Test…
Unit TestingJest | 讓 Jest 為你的 Code 做測試-基礎用法教學前言 單元測試是進入前端工程後一直很想學的技能,主要是做過測試能讓自己的程式碼維持一定的水準,尤其在團隊開發時,更不會在上線時因為沒注意到某個細節而產生 Bug ,導致專案出現問題。 單元測試 單元測試是指為專案中每個單一行為做測試,通常專案裡的最小單位都是一個 function…
JavaScriptJavaScript | WebSocket 讓前後端沒有距離前言 最近因為工作的關係接觸到 WebSocket , WebSocket 是網路協定的一種, Client 可以透過此協定與 Server 做溝通,而他和一般 http 或 https 不同的是, WebSocket…
JavaScriptJavaScript | Fetch 讓 ES6 擁有一對翅膀-基礎教學前言 「使用 Jquery 框架中的 Ajax 就能輕鬆做到了!」 莫約幾年前,在 ES6 已推出卻又還沒有普及的時候,如果有人提到:「如何用 JavaScript 向 server 請求資料?」,一定會有人這麼留言回答。 沒錯! $.ajax…
JavaScriptJavaScript | 從Promise開始承諾的部落格生活嗨!大家好我是神Q超人!先前一陣子經過友人介紹認識了這個網站,但是由於先前已經有用習慣分享文章的平台,就遲遲未到此處發文,一直到參與完該平台舉辦的鐵人賽後,休息了好一陣子,最後沒有得獎也是很失落,於是想說在新的一年讓自己有個新開始!請大家多多指教! 認識 Promise…