原创 vue v-model 雙向綁定

回顧從 vue2 到 vue3 v-model 雙向綁定的寫法變化 場景 v-model 雙向綁定，用於處理表單輸入綁定，類似於 react 中的受控組件。 // React 受控組件 function App() { const [t

2024-04-22 13:23:24

原创 使用 ffmpeg 爲視頻文件添加封面

全程使用 CHAT GPT4 提供幫助 通常而言，電腦上的資源管理器會使用視頻的第一幀來作爲縮略圖，如果視頻文件中有封面存在，則會使用封面作爲文件縮略圖（Windows 自帶的資源管理器是這樣，具體要看資源管理器的實現） 與 GPT4

2024-04-17 13:23:23

原创 文件批量重命名之在線版本-前端的本地文件操作

批量文件重命名是一個低頻但時不時又會遇到的需求，非常適合在線工具的形式，即用即走。 搜索了一圈，沒有發現可以直接實現這個功能的網站，不過找到了相關的 API FileSystemFileHandle.move() for local fil

2023-12-29 13:24:02 1

原创 ChatGPT 實時語音交流, speech-to-text and text-to-speech

前言 如果期望與 ChatGPT 進行實時的語音交流，可以直接使用 ChatGPT 的 APP 就可以了，本文完。😂 當然，這需要每月 20 美刀。如果只是想偶爾使用，似乎用 API 的方式更划算。 應該有已經封裝好的，可以直接調用 API

2023-11-15 13:23:16

原创 如何使用 Google Analytics 白嫖做應用埋點

Google Analytics 很多時候用於做網站的數據分析，直接在網站中嵌入代碼就可以。 如果是 Chrome 插件或者其它應用，可以使用 Measurement Protocol API 來上報埋點。 API 官方文檔：Measure

2023-10-11 13:23:19

原创 github 倉庫無損斷開/刪除與 fork 倉庫的鏈接

如果在 github 上 fork 了一個倉庫，之後如果想要斷開鏈接，無需使用複雜的 git 操作，直接提交 github 支持工單就可以了。 當然，這個斷開確是因爲兩個倉庫已經“分道揚鑣”，比如常見的是 fork 了一個模版倉庫，然後開發

2023-10-10 13:23:03 1

原创 swc plugin hello world

照搬官網案例，實現 swc 插件的 hello world 準備工作 安裝 rust 準備一個空目錄（e.g. swc-demo），執行 pnpm init 初始化 安裝 @swc/cli @swc/core，pnpm i -D @swc

2023-10-08 13:28:13 2

原创 rust 代碼組織結構

使用包、Crate 和模塊管理不斷增長的項目 - Rust 程序設計語言 中文版 rust 組織結構中，包括以下幾個概念 Package（包），Crate（箱），Moudle（模塊） Package 這是 Cargo 的概念，對應一個

2023-09-26 13:22:59

原创 使用 utools 調用歐路詞典進行快捷查詞

utools 本身有很多在線詞典，要麼太慢，要麼功能不夠豐富，有個本地詞典作爲補充最好。 使用到的插件：自動化腳本 新增自定義的腳本 const word = ENTER.payload; const { exec } = requir

2023-09-22 13:23:10

原创 React drag 排序折騰小記

需求，一個列表，期望可以支持拖動排序。 折騰過程 react-beautiful-dnd 首頁相遇的是 atlassian/react-beautiful-dnd，但是這個庫已經進入維護狀態，基本不更新了，在 React 18 嚴格默認下使

2023-09-15 13:23:05

原创 Chrome Extension Develop: i18n

Internationalization and localization 1 Begin chrome.i18n - Chrome Developers 如果是使用開發框架，需要檢查是否將 _locales 文件夾拷貝到了輸出目錄，有可

2023-09-10 13:23:04

原创 Chrome Extension Develop: How to get the extension icon data in Manifest V3

需求 在 background 中，拿到了擴展 icon 的 URL 鏈接，如：chrome://extension-icon/mciiogijehkdemklbdcbfkefimifhecn/128/0，如何獲取其二進制數據。 目的：對

2023-08-30 13:25:27 1

原创 更現代的終端工具 Warp

Warp: Your terminal, reimagined warpdotdev/Warp: Warp is a blazingly-fast modern Rust based GPU-accelerated terminal bu

2023-08-11 13:23:05 7

原创 使用 iPad 作爲 Windows 的擴展屏幕

一個突發奇想的有趣嘗試。 如果是 MAC 電腦，可以使用隨航功能，將 iPad 作爲 MAC 的擴展屏幕，在同一局域網即可。Windows 呢？ 其實有現成的軟件可以用。 spacedesk Windows 端下載 SPACEDESK DR

2023-08-11 13:23:05

原创 使用阿里雲函數服務部署 nestjs

對於一個現有的 nestjs 項目，如何在阿里雲上進行函數部署。 本文是一個一路踩坑的記錄，其中遇到的問題，沒有完全解決，直接繞過了。最終使用自定義鏡像的方式部署完成。 Serverless Devs 按照官方推薦，使用 Serverles

2023-08-09 13:26:15 5