原创 web前端javascript播放H.264/MJPEG視頻/支持雙碼流

最近遇到調試本地的車牌識別相機,需要解碼視頻編碼H.264/MJPEG/支持雙碼流2格式的視頻,解析方法如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"

原创 sign-canvas 一個基於canvas開發,封裝於Vue組件的通用手寫簽名板(電子簽名板),支持pc端和移動端;

寫在前面 : 在項目的開發過程中可能會涉及到手寫簽名(電子簽名)那些,在前端的思路是使用canvas 來簽名,導出成圖片進行保存。 此輪子是繼 https://blog.csdn.net/qq_33270001/article/detai

原创 vue分頁插件nuxt分頁算法js支持url跳轉分頁和ajax參數分頁

在vue或者nuxt的項目裏可能會用到的分頁插件.  url分頁效果是通過跳轉url的形式來傳遞頁面參數,或者url?page=1等的方法,下面是源碼部分,別的需要的自行修改即可. AppPager.vue <template>

原创 親測在vue 3.x中自動引入全局less變量

vue項目開發過程中,每次都引入一次全局變量覺得很麻煩,接下來就可以解決你的麻煩了. 首先我們要用到一個工具 style-resources-loader 執行這個命令安裝. npm i style-resources-loader -

原创 分享一個好用開源的數據庫建模軟件工具 pdman

官網地址:http://www.pdman.cn/ 數據庫建模 極簡易用數據庫建模過程精細提煉,化繁爲簡,省去不必要的操作,只留下最需要的,直截了當的展現給用戶。自帶案例自帶參考案例,以耳熟能詳的[學生信息管理]爲原型參考,讓用戶能夠快速

原创 nodejs koa2 + koa-body開發文件上傳服務(圖片,視頻,音頻....)

代碼所在的項目:https://github.com/langyuxiansheng/biu-server-admin 已開源 在用node開發後端服務的時候,可能會用到fs文件系統.我這裏用的koa2+ koa-body做的文件上傳服務

原创 vue中使用Alipayer,播放rtmp,m3u8,mp4視頻, vue-alipayer-v2.

這是一個基於Alipayer 開發並封裝於vue的播放器 由於項目需要接入rtmp協議的直播流,用於實時監控,看了網上的幾個開源播放器,最後選擇了阿里雲的開源播放器,Alipayer,但是Alipayer是cdn加載的,且沒得一個正式的v

原创 js根據文件的大小,選擇合適的單位顯示, js格式化文件單位顯示,js計算文件字節大小

 在做文件管理系統的時候,後臺可能只會保存文件的最小字節單位,但是在前端顯示的時候,爲了方便易讀,所以需要根據文件的大小,選擇合適的單位顯示,存儲的計量單位與單位之間的進制一般爲 1024,所以只需要一直除就可以計算了.代碼如下 /**

原创 Node.js 內存管理和 V8 垃圾回收機制

作者:五月君 鏈接:https://www.imooc.com/article/288799 來源:首發慕課網 本文已獲作者 "五月君" 授權轉載,原文首發於 "慕課網",可以點擊原文查看。 對於 Node.js 服務端研發的同學來說,關

原创 手把手教github授權登錄 nodejs koa第三方授權登錄

可能在你開發的一個網站有這樣的一個需求,實現GitHub第三方登錄,廢話不多說我們先看看具體流程: 1.第一步去註冊一個github的賬號並登錄,註冊的步驟就省略了,直接往下看 登錄後點擊頭像的箭頭,然後就會看到以下的一個下拉菜單,然後點

原创 js/javascript獲取當前時間戳的5種方法

1.獲取時間戳精確到秒,13位 const timestamp = Date.parse(new Date()); console.log(timestamp); //輸出 1591669256000 13位 2.獲取時

原创 vue axios 刷新token 刷新jwt js刷新token http刷新token

前言 在互聯網的登陸系統中一般有session cookie 和 jwt token來進行驗證用戶是否登錄的.下面來說一下關於 jwt的坑: 1.首先登錄成功的返回,其中jwt的有效期爲2小時,refreshJwt的有效期爲30天如下:

原创 javascript 遞歸遍歷所有的dom節點

<script> let iterator=(els,arr)=>{     arr=[]     for (let { localName, innerText, children } of els){         let obj

原创 封裝一個 async / await 風格的 axios 模塊攔截器,axios封裝,http模塊,ajax封裝,微信小程序ajax封裝,微信小程序請求攔截器封裝

在新開始的前端項目裏肯定會用到ajax請求,這裏手把手的教你封裝一個通用的全局http模塊 首先新建一個文件夾 作爲一個"模塊",如下: 然後繼續創建文件: index.js 如下: /** * 在這裏導出你需要用到的api方法,a

原创 解決 vue.draggable 拖拽 點擊事件失效無效與拖拽事件衝突的問題

draggable 是個非常不錯,而且很方便的拖拽組件,但是你在項目中可能會遇到被包裹的拖拽元素對象的點擊事件失效的問題,事件衝突了.先看代碼示例,再看解決思路及方法. 安裝使用: yarn add vuedraggable 或者 n