I'm a mother of two precious kids and a professional programmer.
Redis介紹 Redis是REmote DIctionary Server(遠程字典服務器)的縮寫,它以字典結構(key-value鍵值對結構)存儲數據,並允許其他應用通過TCP協議讀寫字典中的內容。所以,redis是一個key-value存儲系統,或者說是一個key-value數據庫。 Redis的內存存儲和持久化Redis數據庫中的所有數據都存儲在內存中。由於內存的讀寫速度遠快於硬盤,因此Redis在性能上對比其他基於硬盤存儲的數據庫有非常明顯的優勢,在一臺普通的筆記本電腦上,edis可以在一秒內讀寫超過十萬個鍵值。將數據存儲在內存中也有問題,例如,程序退出後內存中的數據會丟失。不過 Redis提供了對持久化的支持,即將可以內存中的數據異步寫入到硬盤中,同時不影響繼續提供服務。 ioredis介紹 ioredis是一個功能強大的功能強大的Redis客戶,已被世界上最大的在線商務公司阿里巴巴和許多其他了不起的公司所使用。
設定Charles 1. 針對HTTP流量 按下Proxy » Reverse Proxies… 選擇 Enable Reverse Proxies, 新增一個項目: Local Port: 60103 – any unused local port Remote Host: claire-chang.com – target host…
以本地檔案內容取代網路回應 有時我們在本地開發網頁功能時,若以API的方式去讀取資料,當我們在測試時可能會希望回傳某個固定的response。這時候就可以用Map Local的功能。 使用步驟 1、Save Response 選擇要模擬數據的接口,然後右鍵,選擇“Save Response”
模組資訊 官網: https://www.npmjs.com/package/yeast GitHub: https://github.com/unshiftio/yeast 模組介紹 yeast是唯一的ID生成器。它的主要目的是生成可用於緩存清除的唯一ID。通常的做法是使用時間戳記,但是使用時間戳記有幾個缺點。 時間戳已經是13個字符了。這可能對1個請求無關緊要,但是如果您發出數百個請求,則這會迅速增加帶寬和處理時間。 它不夠獨特。如果您緊接彼此生成兩個標記,則它們將是相同的,因為計時精度限制為毫秒。 yeast通過以下方式解決了這兩個問題: Compressing the generated timestamp using a custom encode() function that returns a string representation of…
WebSocket與Ajax的不同 WebSocket 是HTML5 開始提供的一種在單個TCP 連接上進行全雙工通訊的協議。 WebSocket 使得客戶端和服務器之間的數據交換變得更加簡單,允許服務端主動向客戶端推送數據。在WebSocket API 中,瀏覽器和服務器只需要完成一次握手,兩者之間就直接可以創建持久性的連接,並進行雙向數據傳輸。 在WebSocket API 中,瀏覽器和服務器只需要做一個握手(polling)的動作,然後,瀏覽器和服務器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。 現在,很多網站為了實現推送技術,所用的技術都是Ajax 輪詢。輪詢是在特定的的時間間隔(如每1秒),由瀏覽器對服務器發出HTTP請求,然後由服務器返回最新的數據給客戶端的瀏覽器。這種傳統的模式帶來很明顯的缺點,即瀏覽器需要不斷的向服務器發出請求,然而HTTP請求可能包含較長的header,其中真正有效的數據可能只是很小的一部分,顯然這樣會浪費很多的帶寬等資源。 HTML5 定義的WebSocket 協議,能更好的節省服務器資源和帶寬,並且能夠更實時地進行通訊。 下圖是兩種方式的對比圖,我們可以看到Ajax是一直相同頻率的http request,而WebSocket在第一次的握手(http)之後就改走WebSocket的路 WebSocket 屬性 Socket.readyState: 屬性readyState表示連接狀態,可以是以下值: 0 –…
使用Charles抓取手機網路使用資訊 將電腦和手機連上同一個WIFI網路 輸入ifconfig(MAC電腦)取得電腦的內網IP,如下圖可得知內網IP為192.168.1.104 設置Charles上的Proxy settings 設置手機上的WIFI的PROXY 此時即可在電腦上看到手機的網路使用狀況
軟體介紹 官方下載點 : https://www.getpostman.com/ Chrome 擴充功能版 : 下載連結 Postman 是一個可以模擬 HTTP Request 的工具,其中包含常見的 HTTP 的請求方式,例如: GET 、POST、PUT、DELETE,而它的主要功能就是能夠快速的測試你的 API 是否能夠正常的請求資料,並得到正確的請求結果。 使用帳號 使用帳號去同步設定,可以選擇新創一個帳號或者使用google帳號去同步在不同電腦裡的POSTMAN設定 這樣在不同電腦裡面,使用紀錄或者儲存的Collection等都可以被同步。 發送Request教學 在登入帳號後,按下左上方的+New按鈕,會可以看到一個創建Request的畫面 有些API的網址會有變數,這時可以使用https://api.library.com/:entity/並且藉由下面這樣的設定來取代變數entity…
PlantUML介紹 PlantUML是一個VSCode的插件,可以透過直觀的文字描述產生對應 UML 的模型生成工具,官方網站已經提供了詳細的範例以及說明,相關語法其實不用一開始就先死背,需要時至網站查詢即可,上手難度不大,目前提供下列 UML 模型: 循序圖 用例圖 類圖 活動圖 組件圖 狀態圖 對像圖 部署圖 定時圖 安裝方式,. 按下插件ICON 在搜尋名稱打入: PlantUML 按下install 參考資料 用筆記也可以管理專案(二):Markdown Preview Enhanced [TIL]…
HackMD介紹 HackMD網站位置:https://hackmd.io/recent HackMD 是個跨平台的 Markdown 即時協作筆記,可以在電腦、平板甚至是手機與其他人做筆記! 同時也可以透過 Facebook、Twitter、GitHub、Dropbox 登入。 和StackEdit相比,HackMD增加了上傳圖片的功能,將圖片上傳至imgur,我們可以不用煩惱MD文章的圖片要如何處理,並且它非常適合用來做為大型研討會的線上共筆,Agile Summit及JSDC等大型研討會都是使用這個網站來做為線上共筆平台。 功能介紹 官方功能介紹:功能介紹 線上協作時可以設定不同使用者有不同的讀寫權限: 也支援讓所編輯出的文件以投影片的方式做展示: slide-example 按下右上角的分享裡的簡報模式,便可以以投影片方式展示 語法介紹 這邊有HackMD支援的語法介紹,按下編輯可以看到成果與語法的比較圖 HackMD支援的語法介紹 同樣支援MathJax數學符號功能,UML 圖表,還支援五線譜語法,功能非常強大 更多關於 循序圖 語法…
StackEdit 網址:https://stackedit.io/ StackEdit是一個可以在線上編輯跟預覽 Markdown 文件的工具。除了基本的 Markdown 與 GitHub Flavored Markdown 格式外,還額外支援 LaTeX 數學表達符號與 UML 圖表支援。登入Google 帳號還能自動跟雲端硬碟同步文件,是一套相當不錯的線上筆記工具! Markdown 語法 一打開StackEdit,會有一個預設的歡迎頁 歡迎頁裡面使用的所有較常被使用到的Markdown語法展示 標準常用的格式如下: 斜體:在兩邊加上 *星號* 或是 _底線_…
17年資歷女工程師,專精於動畫、影像辨識以及即時串流程式開發。經常組織活動,邀請優秀的女性分享她們的技術專長,並在眾多場合分享自己的技術知識,也活躍於非營利組織,辦理活動來支持特殊兒及其家庭。期待用技術改變世界。
如果你認同我或想支持我的努力,歡迎請我喝一杯咖啡!讓我更有動力分享知識!