Liusan's Blog

淺談 WebSocket 協定：說明 WebSocket 與 HTTP 的差異、為什麼需要雙向即時溝通、與輪詢（Polling）相比的效能優勢，並動手實作一個簡單的即時聊天室範例，理解訊息推播與即時通訊功能背後的原理。

前言

這是繼 HackMD 和 Hexo 之後，找到的下一個據點，打從第一眼看到 docs 版面配置，就在心底讚嘆：「這不就是我一直想做的功能嗎！」

能夠快速把過去所學的知識打包起來，並以有效率的方式整理，適用於內容驅動型的網站，並且內建支援夜間模式轉換功能。此外，使用的還是快被自己遺忘 React.js 語法，簡直一石多鳥，相見恨晚。

於是乎，這篇筆記就誕生了。

前言

過去在程式導師實驗課程中，整理過這兩篇筆記探討「測試」是怎麼回事：

• [week 3] 初探 Jest：如何測試程式？
• [week 22] React：用 SPA 架構實作一個部落格（三）- 淺談測試

在轉職後的第一家公司，組內曾嘗試在既有專案中撰寫測試，卻因時程緊湊而不了了之。但或許是一聽到測試就浮現「好麻煩⋯⋯」的想法吧？與其花這個時間去寫程式來進行測試，還不如多修幾個 BUG 來得有效益，打從心底想逃避這件事情，只覺得測試是理想，讓這項 TODO 一直被延宕。

從 P2P 網路說起

Stripe 第三方金流串接入門：介紹 Stripe 的特點與 Payment Links、Checkout、Elements 等收款方式的差異，並示範實際串接流程與測試卡號的使用，適合第一次接觸線上金流、想在網站接受信用卡付款的開發者。

本篇主要是認識 NGXS 這套狀態管理工具，瞭解基本概念，以及和 NGRX 使用上的差異。

課程連結：[INT101] 求職入門

求職準備：一般篇

調整求職心態：拋開完美主義，邊試邊改進

在開始求職之前，必須先建立求職心態：「不可能有準備好的一天」。就像我們以前在準備考試的時候，也不可能有準備完所有考試範圍的一天。

而在面對求職，我們要準備的，並不是達到完美的一百分，而是該如何達到想進入的公司，所需要的「及格分數」。

參考來源：https://coderpad.io/blog/development/the-complete-guide-to-regular-expressions-regex/

Why we need Regular Expression?

正則表達式（Regular Expression），常簡寫為 RegEx、RegExp 或 RE，代表描述一種字串匹配的模式（pattern）。在程式語言中，通常用來搜尋、比對、替換符合某個模式的文字。

TypeScript 基礎入門筆記：從型別談起，介紹 TypeScript 與 JavaScript 的差異、為什麼需要靜態型別，整理原始型別、陣列、元組、列舉、any 與 unknown 等常見型別的宣告方式，以及型別推論與聯合型別的觀念，適合初學者建立型別基礎。

本篇為 JSDC 2017 - R201#D105​ RxJS - 封裝程式的藝術 By Jerry Hong 這場演講的學習筆記。如有錯誤歡迎指正。