原创 js-正則不連續匹配

搜索或者推薦內容時候,拿到的數據需要和用戶輸入的數據對比,把從後臺返回的數據中涉及到用戶輸入的字符給特殊樣式,我是利用正則匹配,匹配到的給一個紅色。 代碼: const reg = new RegExp(`[${thi

原创 js提交a標籤中的href地址

場景: 項目中有一個刪除是直接用的a標籤的href和jinja的url_for+刪除操作的路由地址實現刪除操作 <a href="url_for('admin.area_delete',id=id)" class='btn btn

原创 JavaScript正則踩坑——RegExp.test()和RegExp.lastIndex

RegExp.test()和RegExp.lastIndex 首先感謝同學幫助分析問題,最終才找到問題。 話不多說,直接上代碼說問題 第一版代碼 const result = parent.filter((chil

原创 MxGraph - 解決通過mxgraph外部添加進mxgraph的mxCell不能立馬被刪除的問題

連着兩個項目使用mxGraph來集成畫流程圖的功能,被這個東西折騰的夠嗆。 突然又遇到mxGraph相關的問題,搞了一上午沒解決掉,突然找到解決方法,記錄一下過程。 背景 項目中集成了mxGraph,可以把項目中的一些代表步驟的

原创 Git-刪除某個已經push過的commit記錄

reset git log 查看提交記錄 git reset --soft commit_id git push origin master --force 然後如果當前存在衝突 git pull git push rebase

原创 部署 - 前端部署https服務,並配置安全證書

項目中要實現跨tab複製 剪切 粘貼,所以涉及到操作剪切板的操作,選用了navigator.clipboard,但是該api有必須在https的服務下才能用,所以就需要把項目部署城https服務。 vue-cli中可以配置webp

原创 CSS - table超出父級div

用到div包裹table的佈局,想要的效果是table的寬度等於div寬度,超出內容省略號顯示。 聽起來很簡單啊,設置table寬度爲100%,省略號三行代碼往上一粘,心想着大功告成。 but!!!!頁面效果發現其中一行數據較長,

原创 JavaScript -異步遍歷-Promise.all()

記錄比較低級但是卻踩了的坑 原因是 forEach 是 同步遍歷,最後用Promis.all()解決了異步遍歷的情況。 Promise.all()介紹 Promise.all(iterable) 此方法在集合多個 promise