動態

列表
創建 時間

vscode調試技巧

由於圖片和格式解析問題，可前往 閲讀原文 在現代前端與全棧開發的日常工作中，代碼調試是不可或缺的一環，而一款優秀的調試工具能夠顯著提升開發效率，減少問題定位的時間成本。Visual Studio Code（簡稱 VSCode）作為一款備受開發者喜愛的輕量化編輯器，不僅提供了豐富的插件生態和高效的代碼編輯體驗，更以其強大的調試功能成為開發者工作流中不可或缺的一部分 無論是調試 Node.js 後端代

前端 , debugging , 調試 , vscode插件
創建 時間

H5應用抓包及調試技巧

由於圖片和格式解析問題，可前往 閲讀原文 在現代移動互聯網時代，H5 應用以其跨平台、輕量化、快速迭代的特性，成為移動開發的重要一環。然而，隨着功能的複雜化和用户體驗要求的提升，H5應用的調試也面臨着諸多挑戰，如設備多樣性、網絡環境複雜性以及性能瓶頸等。為了應對這些問題，開發者需要掌握不同的調試工具及場景使用才可應對不確定結果。本篇就帶大家瞭解下具體的調試過程 瀏覽器手機模式 瀏覽器的手機模式調試

前端 , h5頁面 , 抓包解密 , debugging
創建 時間

whistle抓包工具及調試技巧

由於圖片和格式的解析問題，可前往 閲讀原文 往期文章我們已經講過fiddler、charles以及wireshark等多種抓包工具，已經在工作中足夠解決各種抓包問題了，但我今天還想再分享給大家一款抓包工具 whistle，因為它真的很優秀，本人在工作中也一直在用這個 為什麼我會選擇whistle，首先是fiddler不支持MacOS，其次Charles在M1芯片上會感覺明顯的卡頓；除此之外是whi

抓包過濾 , 後端 , 抓包解密 , 前端 , debugging
創建 時間

ARP協議

文章首發博客，你可以前往 閲讀原文 ARP（Address Resolution Protocol，地址解析協議）是一種在計算機網絡中用於將IP地址映射到MAC地址的協議。ARP協議通常在局域網中使用，它允許主機查找目標主機的MAC地址，以便在網絡中發送數據包 當一個主機需要向另一個主機發送數據包時，它需要知道目標主機的MAC地址，因為MAC地址是在數據鏈路層使用的地址。如果目標主機的IP地址已知

網絡傳輸協議 , 前端 , 後端 , arp , 運維
創建 時間

Jest單元測試

由於格式和圖片解析問題，可前往 閲讀原文 前端自動化測試在提高代碼質量、減少錯誤、提高團隊協作和加速交付流程方面發揮着重要作用。它是現代軟件開發中不可或缺的一部分，可以幫助開發團隊構建可靠、高質量的應用程序 單元測試（Unit Testing）和端到端測試（End-to-End Testing）是兩種常見的測試方法，它們在測試的範圍、目的和執行方式上有所不同。單元測試和端到端測試不是相互排斥的，而

單元測試 , 前端 , jestjs , 自動化測試 , 後端
創建 時間

Chrome Devtools調試技巧

由於圖片和格式解析問題，可前往 閲讀原文 Chrome DevTools 是開發者用於調試 Web 應用程序、分析性能、檢查元素和網絡請求的重要工具。無論是前端開發人員還是後端工程師，熟練掌握 Chrome DevTools 都能顯著提高開發效率和調試精度。通過 DevTools，我們可以快速識別並解決性能瓶頸、修復 bug、優化用户體驗 Chrome DevTools 提供了多種強大的功能，包括

前端 , debugging , chrome-devtools , 優化
創建 時間

Nginx使用手冊

由於格式和圖片解析問題，為了更好的體驗可前往 閲讀原文 Nginx（發音為 "engine-x"）是一個高性能、開源的HTTP和反向代理服務器，也可以作為電子郵件（IMAP/POP3）代理服務器、以及通用的TCP/UDP代理服務器。它由俄羅斯的程序員Igor Sysoev創建於2002年，其目的是解決C10K問題（即可以同時處理10000個併發連接）。它採用異步非阻塞的事件驅動模型，可以處理

Nginx , 架構設計 , 前端 , node.js
創建 時間

玩轉前端正則表達式

文章首發本人博客，由於格式和圖片解析問題，可以前往 閲讀原文 JavaScript中的正則是Perl的大子集，但Perl內部的一些表達式卻沒有繼承 正則表達式是用於匹配字符串中字符組合的模式(可參考MDN教程) 掃碼關注公粽號，查看更多優質文章 一個例子 使用正則將一個數字以科學計數法進行表示，如： // 10000000 = 10,000,000 現在用一個正則來解決 const st

前端 , 後端 , 正則表達式
創建 時間

前端主流構建工具

本文首發博客網站，由於圖片和格式解析問題，可前往閲讀原文 隨着前端開發複雜度的提升，構建工具在開發流程中扮演着越來越重要的角色。這些工具可以幫助開發者實現代碼的打包、優化、轉譯、模塊化處理等功能，從而提升開發效率和用户體驗。本文將以當前主流的前端構建工具為核心，介紹它們的特點、適用場景及差異 構建工具 Grunt Grunt 是較早期的任務運行工具，主要通過任務（tasks）系統自動化完成前端開發

前端 , nx.dev , webpack , rust , vite
1