原创 簡單的24點小遊戲

簡單的24點小遊戲 遊戲規則 隨機生成4個數字（1-10），通過+-*/四則運算將4個數字算出24即可 遊戲設計 生成4個數字，並給出參考答案 隨機生成0-10之間的4個整數 窮舉4個數所有四則運算得出24點的所有組合 無法得到2

2023-01-09 13:30:02

原创 js跨標籤頁通信

跨標籤頁通信 網頁需要用到跨標籤頁通信的場景一般較少，這裏簡單記錄一下，這裏建議使用方法三 方法一 通過localStorage 結合window.addEventListener('storage', cb)完成A、B標籤頁間通信。

2022-09-26 13:30:36

原创 mac權限相關命令

常用的mac命令 重置麥克風、攝像頭、錄屏權限 # 攝像頭 tccutil reset Camera # 麥克風 tccutil reset Microphone # 錄屏 tccutil reset ScreenCapture 終端命

2021-08-11 14:07:31 5

原创 圖片濾波

圖片濾波 什麼是濾波 濾波是將信號中特定波段頻率濾除的操作，是抑制和防止干擾的一項重要措施。是根據觀察某一隨機過程的結果，對另一與之有關的隨機過程進行估計的概率理論與方法。 圖片和波如何結合 在不考慮透明度的情況下，圖片可以由rgb構

2021-06-27 14:06:54 1

原创 electron-ipc通信性能分析

electron-ipc通信性能分析 electron的主進程和渲染進程間通信方案 ipc通信 藉助外部存儲通信（通過ipc通知其它進程去讀取） 方案描述 ipc通信 使用 主進程 ==> 渲染進程 發送：webContents.sen

2021-06-25 14:06:59 15

原创 設計vue3的請求實體工廠

設計一個vue3的請求實體工廠 目錄設計一個vue3的請求實體工廠描述實現構建一個基礎請求方法創建具體請求的方法下面是對請求的聲明文件下面是請求的定義generateRequest對請求的封裝功能使用demo結語 描述 PS: 這裏的方法

2021-03-28 14:07:19 3

原创 canvas-修改圖片亮度

canvas操作-修改圖片亮度 目錄canvas操作-修改圖片亮度圖片亮度的概念下面用ps截圖舉一個例子：調整圖片亮度的方案實現方案一從RGB到HSV的轉換轉換的公式javascript實現代碼從HSV到RGB的轉換轉換的公式javascr

2021-03-23 14:14:07

原创 canvas性能-drawImage渲染圖片

canvas性能-繪製圖片 目錄canvas性能-繪製圖片canvas繪製圖片drawImageputImageDatacreatePattern測試繪製耗時drawImageImage類型ImageBitmap類型HTMLCanvasEl

2021-01-26 14:07:35

原创 基於windows配置gitlab-runner

基於windows配置gitlab-runner gitlab-runner是配合gitlab ci/cd實現自動化部署的執行者，和Jenkins 類似，可以通過編寫對應的.gitlab-ci.yml執行不同的job腳本。 下面的基於sh

2021-01-24 14:07:13 1

原创 js對flv提取h264、aac音視頻流

FLV提取裏面的h264視頻流 FLV和MP4支持的編碼 流媒體和媒體文件的區別 流媒體是指將一連串的多媒體資料壓縮後，經過互聯網分段發送資料，在互聯網上即時傳輸影音以供觀賞的一種技術與過程，此技術使得資料數據包得以像流水一樣發送，如果不

2020-12-27 14:07:22

原创 一個基於canvas的移動端圖片編輯器

歡迎使用 canvas_mobile_drag 項目地址：https://github.com/xiaosu95/canvas_mobile_drag 點擊查看demo（在移動端上查看） 該插件是一款脫離jq的移動端圖片編輯器。可以應用在

2020-10-26 13:28:41 1

原创 js拼接多個音頻文件

js拼接多個音頻文件 想要將多段音頻拼接起來其實很簡單，下面我們將來實現這個需求 1.定義獲取音頻文件Arraybuffer的方法getArraybuffer function getArraybuffer (url) { fetch

2020-09-07 13:15:14

原创 css動畫是否會被js阻塞

css動畫是否會被js阻塞 css的動畫部分是會被js阻塞的，不過transform的動畫則不會受影響。 下面舉一個margin-left移動的動畫下，啓動js阻塞動畫的性能圖表 <style> .walkabout-old-schoo

2020-09-06 13:15:13

原创 electron上傳符號表到sentry

electron上傳符號表到sentry sentry管理後臺創建API KEY（下圖這裏需要勾選write權限） 根目錄創建.sentryclirc文件 [defaults] url = https://sentry.io/ org

2020-05-18 13:55:50

原创 docker安裝sentry

docker安裝sentry ps: 這裏的前置要求是linux機子上已經安裝過docker和docker-compose 首先去sentry的github庫clone https://github.com/getsentry/onp

2020-05-17 13:57:37