博客 / 列表

大衞talk - vscode調試技巧

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

vscode插件 , debugging , 調試 , 前端

大衞talk - H5應用抓包及調試技巧

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

抓包解密 , debugging , h5頁面 , 前端

大衞talk - whistle抓包工具及調試技巧

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

抓包解密 , 抓包過濾 , debugging , 後端 , 前端

大衞talk - ARP協議

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

arp , 運維 , 網絡傳輸協議 , 後端 , 前端

大衞talk - Jest單元測試

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

jestjs , 單元測試 , 自動化測試 , 後端 , 前端

大衞talk - Chrome Devtools調試技巧

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

debugging , chrome-devtools , 優化 , 前端

大衞talk - Nginx使用手冊

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

node.js , 架構設計 , Nginx , 前端

大衞talk - 玩轉前端正則表達式

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

正則表達式 , 後端 , 前端

大衞talk - 前端主流構建工具

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

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

大衞talk - NestJS入門指南

由於圖片和格式解析問題,可前往 閲讀原文 從本篇文章開始講解node中最為出色的框架——NestJS,為什麼説它出色,想必市面上已經議論紛紛了吧。如果你熟悉Spring框架那nest也會讓你輕而易舉的理解,基於typescript裝飾器結合IOC讓nest的框架設計更加清晰明瞭 NestJS 是一個基於 Node.js 平台的現代化 Web 框架,它結合了 TypeScript、面向對象編程的思想

node.js , 前端架構 , nestjs , 前端

大衞talk - 使用Cypress進行端測

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

端到端測試 , e2e-testing , 自動化測試 , 前端

大衞talk - wireshark網絡抓包

由於圖片和格式解析問題,可前往 閲讀原文 到這裏已經講了兩個抓包工具的使用了,大家應該對抓包不是很陌生了。而wireshark相對於fiddler和charles更加偏向於網絡層面的抓包或者説是一個網絡封包分析工具。使用對象更適合於網絡相關人員(網絡管理員/相關運維等等),目的用來截取網絡通信,顯示詳細的封包資料。 wireshark可以用來檢測網絡環境、入侵偵測系統等網絡層面的用處,相對於開發人

wireshark , 抓包過濾 , 前端

大衞talk - Fiddler抓包使用技巧

由於圖片和格式解析問題,為了更好閲讀體驗可前往 閲讀原文 Fiddler是位於客户端和服務器端的HTTP代理,是一個強大的抓包工具;可以作為系統的代理也可以代理具體的進程(如:chrome、firefox),針對代理對象fiddler會記錄其所有的會話記錄,分析請求數據、調試請求、刷新請求、設置斷點、模擬或覆蓋服務器返回的數據,還可以調試https請求,總之功能強大,是web調試的利器 ::

fiddler , 網絡安全 , 抓包過濾 , 後端 , 前端

大衞talk - GitLab安裝與配置

由於圖片和格式解析問題,為了更好閲讀體驗可前往 閲讀原文 對於gitlab的安裝本人都是在arm架構Centos7.9虛擬機上進行的,請悉知本人安裝環境,或者與本人的環境保持一致,以便產生不必要的疑惑 這裏使用docker安裝Gitlab,機器上需要先安裝docker,如果你還不知道docker,可以先看看我的往期docker文章;如果你直接在Linux機器上安裝,可以參考Linux Ins

持續集成 , devops , Docker , 後端 , 前端

大衞talk - 使用DockerCompose部署服務

由於格式或圖片解析問題,為了更好的閲讀體驗,可前往 閲讀原文 以前我們總是用命令管理每個容器的啓動、停止等等,若有多個容器時可能還存在啓動優先級的問題,那就要等到指定的容器啓動後再去啓動另一個容器,對於整體的應用服務管理極其不方便,簡單的docker run命令更適合初學者或者調試使用, docker提供docker compose來解決多容器部署。 Docker Compose是Docke

容器 , docker-compose , Docker , 後端 , 前端

大衞talk - 使用Dockerfile構建鏡像

由於格式和圖片解析問題,為了更好體驗可前往 閲讀原文 前面我們學習了可以使用docker commit命令式構建新的鏡像,而此方式相對來説比較繁瑣且對於旁人來説內部都是黑箱操作,無法瞭解製作的具體細節。很有可能很長時間後製作者也會對其忘卻,且製作多鏡像時相同階段也無法共用已構建的產物,Dockerfile便可以完美解決這些問題 掃碼關注攻粽號,查看更多優質文章 概念 Dockerfile是

devops , dockerfile , 雲原生 , Docker , 前端

大衞talk - Docker安裝與配置

由於格式和圖片解析問題,為了更好的閲讀體驗,可以前往 閲讀原文 為什麼出現Docker?傳統的開發和部署存在着許多環境和配置的不兼容的問題,docker就是將環境和代碼統一打包的來解決這些兼容問題。Docker是一個統一了運行環境和配置問題的虛擬容器技術,是一個內核級虛擬技術。使用鏡像,保證了處處環境的一致性。 我們知道,如果將計算機的層次做一下簡單的劃分,最底層是硬件,最上層是軟件,中間是

負載均衡 , dockerfile , Docker , 後端 , 前端

大衞talk - 走進前端二進制

由於格式和圖片解析問題,可以前往博客 閲讀原文 在實際的開發過程中經常會遇到二進制數據,常見的就有文件的上傳、下載等等,還有比較重要的圖片裁剪、灰度處理等等,這些場景都會涉及到二進制。相信很多開發者對這方面可能一知半解或者就是久而忘之,本人剛開始也是對這方面空白,通過全方位的學習後其實也挺簡單,整體總結可以直奔文中 前端二進制是一種關鍵的數據表示和處理技術,它在前端開發中具有廣泛的應用。瞭解

二進制 , blob , stream , 流媒體 , 前端

大衞talk - TCP協議

計算機網絡是指互聯的計算機系統之間通過通信設備和通信線路進行數據交換的系統。計算機網絡可以分為局域網、城域網、廣域網和因特網等不同的類型。計算機網絡使用各種協議來實現不同的功能和服務,例如 TCP/IP 協議用於互聯網通信,HTTP 協議用於網頁瀏覽,SMTP 協議用於電子郵件傳輸等等 網絡協議是計算機之間進行數據交換的一類規則協議、標準集合,不同計算機之間的通信必須建立在相同的標準上,如:HTT

udp , 程序員

大衞talk - EventLoop事件循環機制(瀏覽器和Node EventLoop)

前端的同學們應該都聽説過EventLoop的概念,網上各大平台關於它的文章也是成百上千質量參差不一,其實在筆者剛開始接觸js的時候這對這方面一頭霧水,也是看了高程、官方文檔以及大量的文章後才對它有了深刻認識,在這兒就來和大家分享下我對它的的認識和理解,不過要講明白EventLoop這個東東還是要從頭説起。 本篇內容循序漸進比較長,需要耐心看完。 注:如遇到有一些鏈接無法訪問可能需要科學上網 文章首

eventloop , 事件循環 , 原理 , Javascript