原创 聊聊CSS 緩動函數的新成員linear()
CSS 緩動函數是一種用於控制 CSS 動畫過渡效果的函數，可以讓動畫變得更加自然。這篇文章將介紹一種新的 CSS easing function，即 linear()，它可以模擬出更復雜的緩動效果，文中demo請在chrome 113+中
2023-06-01 14:14:35
原创 chatgpt: 在ts中如何聲明一個全局類型
在 TypeScript 中聲明全局類型可以使用 declare global 關鍵字，使得在應用的任何地方都能夠使用該類型。 例如，如果需要在 TypeScript 中聲明一個全局的 foo 變量，可以使用以下代碼： declare gl
2023-03-31 14:15:08
原创 Workbox -- 爲serviceWorker量身定做的工具
我們知道， serviceWorker是瀏覽器中一個強大的特性，在PWA中實現離線瀏覽靠的就是它，具體而言，通過它的請求攔截和Cache API相結合，實現即使離線了，我們也可以使用PWA的一些功能。然而自己來管理這些東西還是比較繁瑣和容易
2023-03-29 14:15:52
原创 cache API簡介
cache API是一個很強大的API，它可以在window環境和serviceWorker環境使用，配合serviceWorker可以讓我們自己來管理緩存。 caches caches是一個全局接口，可以在window和worker下訪問
2023-02-03 14:14:48
原创 重新學車
在兩年沒有回家過年之後，我今年終於可以毫無顧忌地回家過年了。但是回家過年也帶來了一個問題--走親戚的時候需要一輛車。哦，其實是兩個問題，第一個問題是我沒有車，第二個問題是我雖然有駕照，但是之後的6年基本沒有摸過車，所以需要重新學習。 第一個
2023-01-31 14:18:25
原创 魔幻2022
前言 這是我寫年終總結的第6年了，現在還有一分鐘就跨年了。此刻的我聽着窗外的煙花和鞭炮聲，在想我今年到底幹了點啥。跨年這一刻，我的老婆還在上夜班，微信視頻裏傳來她看患者的聲音。 技術 正如我的年終總結開始變得難產，回顧我這一年的博文的閱讀
2023-01-01 14:14:39
原创 通過js將RGB888轉RGB565
什麼是RGB565 通常我們前端接觸的圖片，R,G,B三個通道，每個通道佔8位，一個字節，用數字表示是0-255。比如我們常寫的CSS:rgb(255,255,255)，這樣一個像素需要3個字節來表示。但是在一些物聯網設備上，由於芯片性能，
2022-12-01 14:14:52
原创 時序圖神器Mermaid
在工作中，我們在寫文檔的時候常常會遇到時序圖，時序圖可以表示各個部分之間是如何交互的，以及交互的順序是什麼樣的。一個好的時序圖，可以省掉一堆廢話，以下就是一個簡單的時序圖。但是如果徒手畫時序圖未免有點麻煩，那麼有沒有什麼辦法可以讓我們只關注
2022-10-23 14:26:02
2
原创 面試官， TCP連接狀態中的TIME_WAIT表示什麼
答案其實就藏在下面這張圖裏，接下來我們就一步一步看這張圖，圖看完了，答案也就有了。 狀態名詞解釋 整個圖client和server的狀態都是從ClOSED開始流轉 LISTEN： 表示server在等待一個遠程的tcp請求 SYN-SEN
2022-10-23 14:26:02
原创 git獲取tag的message
我們有時侯需要獲取tag的message，比如在通過tag觸發CI/CD的時候，方法是： 獲取最新的tag tag=$(git describe --abbrev=0) 獲取tag的message git tag -l --format
2022-08-24 14:16:41
原创 vscode remote-ssh 免密登錄不生效的問題
最近想體驗下vscode的遠程開發,於是參考官方文檔配置了.ssh/config,但是每次登錄的時候開始要求輸入密碼, Host python-linux-vm HostName <vm address> User sana
2022-07-22 14:21:30
原创 arduino+蜂鳴器製作生日快樂歌
1. 接線圖 圖片來自https://create.arduino.cc/projecthub/SURYATEJA/use-a-buzzer-module-piezo-speaker-using-arduino-uno-89df45
2022-06-27 15:18:48
52
原创 arduino-esp32連接到騰訊雲物聯網開發平臺
ESP32是一系列低成本，低功耗的單晶片微控制器，集成了Wi-Fi和雙模藍牙，所以在物聯網領域應用廣泛。arduino是一個廣受歡迎的開源硬件平臺，藉助arduino-esp32，我們可以使用arduino開發esp32。今天這篇文章介紹下
2022-05-30 14:16:29
原创 MQTT協議學習
什麼是mqtt broker和client 發佈訂閱 topic 報文類型 類比 http 中的 GET, POST https://www.emqx.com/zh/blog/what-is-the-mqtt-protocol
2022-05-01 14:14:59
原创 bash 學習筆記
一直在用bash，但是卻只是一知半解，這篇是學習Bash 腳本教程的學習筆記，算是查漏補缺。 基本語法 command [ arg1 ... [ argN ]] ls -i ls是命令，-l是參數。 type type命令可以顯示一個命令
2022-03-27 14:14:54