原创 Tauri的消息推送示例
前言： 使用Tauri框架後，不能直接使用js的webscoket進行消息推送，僅支持wss協議的websocket推送，ws協議的消息推送不支持。具體原因是因爲Tauri框架打包後，應用環境是被部署爲https協議，由於協議限制，webs
2022-12-31 18:06:16
原创 TAURI的http請求調用示例
一、TAURI配置允許任意http和https的服務器地址調用 在tauri.conf.json文件中進行配置，配置代碼示例如下： "allowlist": { "all": true, "http":{
2022-11-12 15:03:01
原创 基於React實現流量趨勢圖同軸聯動的效果（Echarts實現）
前言： 基於業務需求，需要實現多個系列的基於時間的流量趨勢圖折線圖，實現聯動的x軸的縮放和滾動瀏覽。之前用d3定製化了一版，但是基於後期需求擴展考慮，d3定製化開發成本較高，所以考慮基於Echarts實現。 1、基本效果截圖 2、基於Re
2022-11-12 15:03:01
原创 網絡安全行業常用正則表達式
網絡安全行業常用正則表達式 說明：由於公司是網絡安全行業，所以常常會用到下面一些正則表達式，這裏做了部分整理。讀者有更多的需求可以在評論區留言，筆者可以逐步完善常用的示例 1、常用正則表達式代碼如下： //IPV4正則 const ipv4
2022-11-12 15:03:01
1
原创 tauri離線開發環境搭建(windows)
前言： tauri的開發依賴網絡進行環境搭建，根據官網的步驟，安裝好node、webview2、rust就行，相對比較簡單；但是很多公司出於安全性要求，需要在內網進行開發，那麼這個時候就比較麻煩了，需要搭建內網鏡像進行安裝。我這邊踩了挺多坑
2022-11-12 15:03:01
原创 js的base32、base64編碼方法實現
前言 由於業務需要，項目中涉及各種格式的編碼解碼實現，base32、base64網上大部分的博客文章出處都一致，但是都有小問題。如不兼容漢字轉碼、base32未進行補“=”操作的此類問題。然後自己通過網上已有的方法進行了改造，並通過測試比對
2021-05-02 00:45:49
2
原创 d3的基礎圖表封裝示例
# d3-example（版本：６．１．１） 前言：使用d3繪製的示例代碼，如折線圖、柱形圖、面積圖、餅圖、其他定製化圖表等。逐步更新中（大家有需要進行定製化的案例可以私信我，或者下方評論，我會根據自己的時間進行挑選並補充到項目中） 1、源
2021-04-02 02:25:56
原创 微信小程序，實現簡易彈窗組件
1、組件實現相關文件和代碼： dialog.js Component({ options: { multipleSlots: true // 在組件定義時的選項中啓用多slot支持 }, /**
2020-11-06 20:20:47
原创 微信小程序請求攔截器封裝
前言： 一般前端項目，我們都得考慮接口攔截器封裝，好處是代碼重用、減少冗餘代碼、方便後期維護（想象一下錯誤處理或權限過期代碼你寫了幾十處，需要改個http status code碼得改幾十處）。下列代碼提供了常用的列表、新增、修改、刪除、文
2020-11-06 20:20:47
原创 js根據時間範圍生成時間刻度數據
前言： 使用d3繪製時間軸圖表，不可避免的涉及到動態變動時間刻度，根據業務需求需要調整查看不同的時間粒度數據。如果後臺數據非連續數據，需要前端自己處理的話，就得自己根據時間範圍創建時間刻度數據。 一、js根據時間範圍創建時間刻度數據： /*
2020-09-28 21:24:07
1
原创 d3實現時間軸面積圖（V6.1.1-d3）
前言 相信很多人都看過最新版本的d3文檔，裏面有個示例叫focus+context，但是示例代碼和常規的js代碼有點不太一樣，所以不能直接使用，不熟悉d3的人第一次使用很難儘快熟悉。我根據focus+context，實現了定製化的時間軸圖表
2020-09-22 21:22:06
原创 後臺管理框架架構
一、基礎架構 基礎組件、全局配置、主題配置。主題一階段用less變量覆蓋來做，二期用原生變量來做（less-loader定製化配置或者修改源碼，達到可以賦值原生變量給less變量並且被解析）。 二、圖表擴展 參考kibana的自定義d3組件
2020-09-07 21:10:56
原创 react搭建後臺前端框架
前言： react框架搭建，自定義搭建前端框架包含基礎的crud組件封裝、基礎圖表組件內置（d3、echarts）、富文本編輯器等業務組件、主題適配（包含d3圖表主題適配） 前端框架搭建的問題記錄： 1、create-react-app搭建
2020-08-30 21:05:50
原创 ionic2常見問題及解決方案 ionic2常見問題及解決方案
ionic2常見問題及解決方案 一、app啓動白屏的問題 app啓動後大概有幾秒的白屏，纔會顯示首頁。解決方法有前輩放了，這邊貼個鏈接解決方法。 二、gradle下載失敗導致執行打包命令時報錯 ionic bui
2020-06-15 06:50:24
原创 echarts的分時圖實現
如上圖所示，前端時間做了個期權交易項目，涉及到該分時圖的實現，沒有在網上找到現成的配置，後面自己寫了個，是用echarts(版本4.1.0)實現的，我會將相關配置項代碼貼在下方： let interval;//用作y軸的座標軸分割間隔的值
2020-06-15 06:50:24