無聊聊Blog

一開始使用 formatJS 來處理多國語系應用開發的流程，到現在也幫忙設定過三、四個專案，都是使用同一套，因此想紀錄一下 formatJS + react 的設定和使用方式，主要是參考官方文件： https://formatjs.io/docs/getting-started…

這次是第一次遇到綠水的狀況，紀錄一下過程。 草缸設立三個星期，在某天： 把比較大面積的水草重種，有翻動到底土 隔天又有加液肥 猜測是以上兩點，造成第二天水開始有點白濁。 水為何會白濁 關於魚缸水為何呈現白濁，有找到一些不錯的資料可以參考： 魚缸菌濁原因探討…

介紹 Progressive Web App最早由 Google 提出，代表 web 開發技術創造有彈性(flexible)、可適應(adaptable) 的網路應用程序的準則和概念 開發者使用特定技術和標準模式，讓開發的 Web application…

整理加密演算法一些基礎的知識以及應用，主要會介紹下面四種演算法： 對稱加密 非對稱加密 雜湊函式 (Hash function) Key derivation functions (KDF) 加密的目的 加密的目的不外乎以下幾種： 機密性（confidentiality…

Github Pages 讓我們可以快速的發布靜態網頁，如果是 Vue, React 這種 SPA (Single Page Application) 要如何使用 Github Pages 發布，以及需要注意的地方？ 專案結構 我們要 deploy 的內容是 build…

註：此為 2021/01/25 的文章 最近發現在 Windows 10 系統使用 Word 以 ctrl + 左鍵的方式開啟 Google Drive 共享超連結 (如下圖) 不會進到 Google Drive 的檔案，而是顯示 "Update your browser to…

之前一直沒去理解像是 NextJS, NuxtJS 等使用的「混合式 SSR」是什麼樣的技術以及原理，這次藉由簡報的機會釐清 SSR 的概念。 Web rendering 先從網頁的渲染說起，主要參考這篇： https://developers.google.com/web…

最近有一個新的頁面需求，想說可以來試試看 Css-in-JS，選擇了很常見的 emotion。 https://github.com/emotion-js/emotion 結果意外的覺得好用，所以想簡單介紹一下使用方式和心得。 emotion 安裝 參考：emotion…

最近 Chrome 的效能爭議在網路上非常熱門，有人還做了一個網頁 Chrome is bad： https://chromeisbad.com/ 大意是他發現 Chrome 會在背景執行一些程式導致電腦變慢，並教你如何完整刪除 Chrome…