無聊聊Blog
首頁
文章
關於
無聊聊Blog
生活無聊,做點事記錄
React + formatJS 設定多國語系應用開發流程
2023-03-17
一開始使用 formatJS 來處理多國語系應用開發的流程,到現在也幫忙設定過三、四個專案,都是使用同一套,因此想紀錄一下 formatJS + react 的設定和使用方式,主要是參考官方文件: https://formatjs.io/docs/getting-started…
綠水爆發怎麼辦?大量換水拯救水草缸
2023-02-09
這次是第一次遇到綠水的狀況,紀錄一下過程。 草缸設立三個星期,在某天: 把比較大面積的水草重種,有翻動到底土 隔天又有加液肥 猜測是以上兩點,造成第二天水開始有點白濁。 水為何會白濁 關於魚缸水為何呈現白濁,有找到一些不錯的資料可以參考: 魚缸菌濁原因探討…
PWA - Progressive Web App 相關技術介紹
2023-02-06
程式開發
介紹 Progressive Web App最早由 Google 提出,代表 web 開發技術創造有彈性(flexible)、可適應(adaptable) 的網路應用程序的準則和概念 開發者使用特定技術和標準模式,讓開發的 Web application…
加密演算 法基礎介紹
2023-02-02
程式開發
整理加密演算法一些基礎的知識以及應用,主要會介紹下面四種演算法: 對稱加密 非對稱加密 雜湊函式 (Hash function) Key derivation functions (KDF) 加密的目的 加密的目的不外乎以下幾種: 機密性(confidentiality…
使用 GitHub Pages 架設靜態 Single Page Application 網頁
2023-01-30
程式開發
Github Pages 讓我們可以快速的發布靜態網頁,如果是 Vue, React 這種 SPA (Single Page Application) 要如何使用 Github Pages 發布,以及需要注意的地方? 專案結構 我們要 deploy 的內容是 build…
[Windows10] 解決 Word 無法直接開啟 Google Drive 的超連結
2023-01-21
日常科技
註:此為 2021/01/25 的文章 最近發現在 Windows 10 系統使用 Word 以 ctrl + 左鍵的方式開啟 Google Drive 共享超連結 (如下圖) 不會進到 Google Drive 的檔案,而是顯示 "Update your browser to…
Hydration rendering 基礎篇: SSR + CSR
2023-01-21
程式開發
之前一直沒去理解像是 NextJS, NuxtJS 等使用的「混合式 SSR」是什麼樣的技術以及原理,這次藉由簡報的機會釐清 SSR 的概念。 Web rendering 先從網頁的渲染說起,主要參考這篇: https://developers.google.com/web…
Css in JS: emotion-js 使用及設定
2023-01-20
程式開發
最近有一個新的頁面需求,想說可以來試試看 Css-in-JS,選擇了很常見的 emotion。 https://github.com/emotion-js/emotion 結果意外的覺得好用,所以想簡單介紹一下使用方式和心得。 emotion 安裝 參考:emotion…
將使用多年的 Chrome 瀏覽器無痛轉換成 Edge
2023-01-03
日常科技
最近 Chrome 的效能爭議在網路上非常熱門,有人還做了一個網頁 Chrome is bad: https://chromeisbad.com/ 大意是他發現 Chrome 會在背景執行一些程式導致電腦變慢,並教你如何完整刪除 Chrome…