原创 使用ResizeObserver對單個元素進行大小監聽

一、API介紹 ResizeObserver 這是一個能針對某個元素實行大小、位置變化監聽的API,是一個類,它提供了一個觀察器,該觀察器將在每個 resize 事件上調用,目前chrome、safari、fireFox(pc)

原创 使用React-Hook創建輕量版的Redux(下)

接着上一篇繼續記錄一下關於使用useContext和useReducer結合創建的readux使用方法,還不瞭解如何創建的請參考:使用React-Hook創建輕量版的Redux(上) 一、創建connet工具 緊接着上一篇的步

原创 關於Vue開發中的一些踩坑記錄(二)

一、導讀 本文少量涉及踩坑,更多涉及目前在vue+element得開發環境下得一些技巧以及潛在隱患做記錄。 二、踩坑&技巧 (一)善用CommonJS和ES6模塊規範 基於解藕得原則,很多時候我們會把每個模塊得請求封裝成一個j

原创 react+less實現antd全局主題在線替換

一、實現原理 使用一些外部依賴,在webpack打包前先把antd所有的樣式抽離出來到一個獨立的css樣式表,然後在html模板的<body>頂層中手動引用這個樣式來達到樣式覆蓋的。 二、前期準備 (一) 安裝相關依賴 npm

原创 使用React-Hook創建輕量版的Redux(上)

由於平時工作中使用vue比較多,故而在全局狀態管理上必然離不開vuex這個依賴庫,使用起來尤爲順手。最近在搭建公司前端的配置中心時,考慮到維護性和可擴展性的需求,想使用typescript作爲基礎,權衡之下選擇了對typescr

原创 vue項目中全局消除console的幾種途徑

在日常開發中,經常免不了在debug或者聯調時在函數中使用console打印變量,但是過後總會有人忘記刪除,造成在生產環境中依然把這些測試的打印變量輸出到控制檯的尷尬,容易造成內存泄露。所以最近根據項目需要,找到了兩種處理的途徑

原创 關於在vue2.6+ts技術棧下高德地圖API的使用方法

最近公司某個項目用上了vue2.6+typescript的技術棧,整個工程都是用vue-cli3直接生成的,自帶了ts-loader來解析ts文件,非常方便。但是對於一些沒有沒有聲明文件的第三方模塊,用起來會比較麻煩,過程中,我

原创 關於docker容器中使用ffmpeg拉流rtsp報錯問題

一、問題背景 最近有個業務需求用到node中間層使用ffmpeg對rtsp流轉碼成MP4推給前端,本地開發基本完成並且能完美運行,但是通過docker部署時發現ffmpeg不能正常使用,根據Log一步步排查,發現可能時端口以及協

原创 django中,關於session的通用設置

最近發現session的知識有點脫節了,默認設置愣是搞半天,看來忘了不少。今天把一些通用設置貼上來,以備隨時回顧。 配置文件中設置默認操作(通用配置): SESSION_COOKIE_NAME = "session