原创 好用的zsh插件,打造好用的命令行

zsh大家都知道,是一個非常好用的命令行shell。我本人也用 zsh 好幾年了,但是卻沒有怎麼安裝過他的插件。直到最近用上那些好用的插件之後,我纔有種相見恨晚的感覺。 zsh支持的所有插件列表: zsh 插件 zsh-syntax-hig

原创 2023年終總結:懷孕,裝修,還貸和其他

寶寶的四維照片 今年是我寫年終總結的第八年了。博客寫的越來越少,也沒有當初那種對一個問題刨根穩問底再轉化成文章的勁頭。唯有年終總結,作爲一年一度的保留節目,還是應該堅持的。 今年沒有保留之前的傳統,選擇一部今年看過的電影來作爲題目,一

原创 分享一個URL正則

/\b((?:https?|ftp):\/\/[\w-]+(\.[\w-]+)+(?:[\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?)/g 用來從文本中提取網址很好用,chatGPT給的

原创 使用 scriptable 實現每日詩詞小組件

什麼是 scriptable scriptable可以讓我們用 js 就可以創建出 ios 中的桌面小組件,而不需要掌握 ios 開發。由於最近深感自己文化水平低,所以想借助 scriptable實現一個每日詩詞小組件,這樣可以提高一下自己

原创 如何使webpack編譯 node_modules 中的 npm 包

What 在項目開發過程中,我們會使用到大量第三方的npm包,這些包大部分使用了 es中新的語法編寫 ,但是在發佈的時候,它們有些是經過 babel,tsc, esbuild 等工具轉換後發佈的,有的則沒有轉換直接發佈到 npm 中, 所以

原创 小程序中實現圖片旋轉後保存

嫌麻煩的可以直接點擊小程序代碼片段體驗,下面是代碼: <image src="https://qcloudimg.tencent-cloud.cn/raw/7ff4215737d7877346c0ec6ea1514d94.jpg"

原创 Custom Elements 和 Shadow DOM瞭解一下?

Why 在最近參與的一個項目中,有使用 Vue 創建 Custom Elements的代碼,與傳統的單 Vue 實例 render 到 DOM 節點有很大不同。所以有了本文。 Custom Elements 首先我們來看看怎麼創建一個自定義

原创 css 原生嵌套來了

css 原生嵌套來了

原创 聊聊CSS 緩動函數的新成員linear()

CSS 緩動函數是一種用於控制 CSS 動畫過渡效果的函數,可以讓動畫變得更加自然。這篇文章將介紹一種新的 CSS easing function,即 linear(),它可以模擬出更復雜的緩動效果,文中demo請在chrome 113+中

原创 chatgpt: 在ts中如何聲明一個全局類型

在 TypeScript 中聲明全局類型可以使用 declare global 關鍵字,使得在應用的任何地方都能夠使用該類型。 例如,如果需要在 TypeScript 中聲明一個全局的 foo 變量,可以使用以下代碼: declare gl

原创 Workbox -- 爲serviceWorker量身定做的工具

我們知道, serviceWorker是瀏覽器中一個強大的特性,在PWA中實現離線瀏覽靠的就是它,具體而言,通過它的請求攔截和Cache API相結合,實現即使離線了,我們也可以使用PWA的一些功能。然而自己來管理這些東西還是比較繁瑣和容易

原创 cache API簡介

cache API是一個很強大的API,它可以在window環境和serviceWorker環境使用,配合serviceWorker可以讓我們自己來管理緩存。 caches caches是一個全局接口,可以在window和worker下訪問

原创 重新學車

在兩年沒有回家過年之後,我今年終於可以毫無顧忌地回家過年了。但是回家過年也帶來了一個問題--走親戚的時候需要一輛車。哦,其實是兩個問題,第一個問題是我沒有車,第二個問題是我雖然有駕照,但是之後的6年基本沒有摸過車,所以需要重新學習。 第一個

原创 魔幻2022

前言 這是我寫年終總結的第6年了,現在還有一分鐘就跨年了。此刻的我聽着窗外的煙花和鞭炮聲,在想我今年到底幹了點啥。跨年這一刻,我的老婆還在上夜班,微信視頻裏傳來她看患者的聲音。 技術 正如我的年終總結開始變得難產,回顧我這一年的博文的閱讀

原创 通過js將RGB888轉RGB565

什麼是RGB565 通常我們前端接觸的圖片,R,G,B三個通道,每個通道佔8位,一個字節,用數字表示是0-255。比如我們常寫的CSS:rgb(255,255,255),這樣一個像素需要3個字節來表示。但是在一些物聯網設備上,由於芯片性能,