tag 前端

標籤
貢獻1,041
1085
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

Apifox - 理解 GET 和 POST:HTTP 請求方法的比較

Post 請求和 Get 請求是 HTTP 協議中兩種最常用的請求方法。它們有一些相似之處,但也存在一些重要的區別。 Get 請求 Get 請求是 HTTP 協議中的一種請求方法,通常用於從服務器獲取資源。使用 Get 請求時,參數會附加在 URL 的末尾,多個參數之間用 符號分隔。 Get 請求的一些特點: 可以從服務器獲取資源。 參數暴露在 URL 中,存在安全隱患。 受到 URL

post , HTTP , 後端 , get , 前端

收藏 評論

Apifox - cURL 命令詳解:輕鬆掌握常見操作

有沒有想過,當你需要對 API 進行測試或快速查看網站內容時,有哪些工具可以派上用場呢? 這時,你會發現 cURL 是你的好幫手。cURL,簡而言之,是一個功能強大的命令行工具,使得我們可以通過各種網絡協議與服務器進行交流,無論你是編程領域的新手還是資深開發人員,cURL 都是你工具箱裏必不可少的一件利器。 cURL 簡介 cURL 的神奇之處在於它對廣泛的協議如 HTTP、HTTPS 和 FTP

API , curl , 程序員 , 後端 , 前端

收藏 評論

熱飯班長 - 數組方法中的slice與toSpliced

方法羅列 方法 是否修改原數組 返回值 slice 否 包含摘取元素的新數組 toSpliced 否 不包含被刪除元素的新數組 slice 獲取指定位置的元素,然後將這些元素作為數組返回。 函數簽名: slice([start], [end]) start摘取開始位置 e

數組 , 前端 , Javascript

收藏 評論

君問歸期未有期 - 開發工具推薦:公網訪問內網服務、HTTPS調試、TCP/UDP

下載地址 Windows64位 別用某60,胡亂攔截,用其他任意安全軟件 Mac OS X64位 Linux64位 Linux/ARM32位64位 Docker 處理器 命令 x64 docker pull yjsh14z/fastnat_linux_x64:lastest br/docker run -itd --networ

vue.js , 開發工具 , 前後端分離 , 後端 , 前端

收藏 評論

註銷 - 關於 serve-static 的 index.d.ts 報錯的問題分析

理解這條日誌的含義,需要我們深入分析其組成部分和背後可能的原因。這條日誌信息顯然指向了一個 Node.js 項目中的一個具體錯誤,其指出了錯誤發生的文件路徑和具體位置。接下來,我將逐步解析這條日誌信息的各個方面,並解釋可能的原因和解決方法,同時遵守你的要求,使解析過程既詳細又不顯得機械。 日誌信息解析 2024-01-01 05:08:15,120 INFO d.h.c.h.PrintOutput

react , ecmascript-6 , angular , ssr , 前端

收藏 評論

linong - 探索 IP 代理服務的類型及應用場景,以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務,比如説前端開發環境的 proxy 正向代理,比如説常見的 nginx 反向代理,比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景,最好可以教會大家如何使用 IP 代理服務。 請注意,雖然 IP 代理功能強大,我們應始終秉持合法、合規的原則使用,尊重網絡規則,不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript

收藏 評論

itchao - 算法小白刷了一週 LeetCode 後的思考

Hi,我是 itchao 我自己工作有 2 兩年多的前端開發經驗,但是數據結構與算法一直不好,基本就是一個算法小白的水平。 聽説大公司面試都要手寫算法題,最近為了以後能去更好的公司,然後其實心裏比較着急,打算在 LeetCode 刷題,到現在刷了差不多一週,也一直在掘金髮博客分享刷題經歷,其實也就 6 道題,而且都是數組簡單類型的題目。 自己做題目的時候,感覺思路不太清晰,一般情況下我只能想到暴力

leetcode , 數據結構 , leetcode個人解題總結 , 算法 , 前端

收藏 評論

luxigaola - 如何啓動一個靜態的前端工程的服務

使用場景 在前端開發過程中,可能會要對發佈到生產的包做驗證或者要本地運行一個開源的包的實例,這時候就需要在本地啓動一個前端服務,一般有以下兩種方式 運行方式 Live-Server 通過VsCode去安裝插件LiveServer,然後打開靜態工程,點擊右下角的Live Server按鈕 即可運行工程 優點:使用簡單,方便快捷 缺點:不支持自定義配置,如工程裏面需要代理請求,則無法實現 ex

express , node.js , 前端

收藏 評論

範文傑 - NPM 依賴管理的複雜性

這是一個很少被提及的話題 —— 依賴管理(Dependencies Management) 。 在開源文化盛行的現代,多數時候我們都不必從零開始搭建一套軟件系統,轉而可以藉助諸多開放的代碼片段及其他資源更快速高效開發軟件應用,這算的上軟件工程發展史上一次巨大革命,因為它能大幅提升軟件工業的生產效率,我們不必再從底層開始編寫所有代碼,大部分問題與常見的編程模式都能在社區找到相應的解決方案,且這些被反

工程化 , 前端

收藏 評論

Apifox - 構建卓越 HTML API 的關鍵步驟

作為 JavaScript 開發者,我們經常忘記並不是所有人都像我們一樣瞭解 JavaScript,這被稱為知識的詛咒:當我們精通某個內容的時候,我們就不記得自己作為新人的時候有多麼困惑。我們總是對其他人的能力估計過高,因此我們覺得,自己寫的類庫需要一些 JavaScript 代碼去初始化和配置也很正常。然而,一些用户卻在使用過程中大費周折,他們瘋狂地從文檔中複製粘貼例子並隨機組合這些代碼,直到它

前端工程化 , API , 程序員 , 前端 , Javascript

收藏 評論

熱飯班長 - TypeScript新增接口和更新接口傳參定義差異的問題

interface User { id?: string; name: string; age: number; } // 新增用户時,id不是必須的,name和age必須,如何給data定義呢? export const addUser = (data: User) = fetch('/api/user/add', { method: 'POST', body:

Ajax , typescript , 前端

收藏 評論

hightopo - 圖撲這樣設計高質量可視化大屏

5 大指南塑造高階可視化 5 Guidelines to Shape Advanced Visualization · 可視化是個友好的媒介 · ·理解數據是成為優秀媒介的關鍵 · · 業務驅動下的設計策略· · 圖撲設計的無限可能 · · 創新思維讓可視化更具價值 · 可視化是個友好的媒介 我們正處於一個數據氾濫的時代,隨處可見數據的身影,更知其不可忽視的重要性。企業運營產生的海量數據,若僅停留

設計 , 動畫 , 可視化 , 前端 , Javascript

收藏 評論

熱飯班長 - 當從localStorage中獲取數據時,如何做異常處理?

提出問題 下面的代碼在有初始值的情況下,能夠工作的很好,但是當localStorage中存在非法的數據時就會拋出異常,如果你的程序沒有做好異常處理,就會崩潰。 const todosStr = localStorage.getItem('todos') const todos = JSON.parse(todosStr) 分析問題 能夠拋出異常的位置在JSON.parse,當JSON.parse解

localstorage , 前端 , Javascript

收藏 評論

要出家的鍵盤 - MVVM與MVC的區別

MVC和MVVM都是一種設計模式。 MVC MVC Model:模型,用於存儲業務數據; View:視圖,界面的展示; Controller:控制器,處理視圖與數據的交互。 MVC之間的關係: View展示數據依賴Model,View可以直接訪問Model; View更新數據通過Controller,Controller更新Model。 MVVM MVVM Model:模型,用於存儲業務

設計模式 , mvvm , mvc , 前端

收藏 評論

倔強的鉛筆 - 為什麼 GraphQL 被認為是 Redux 的更好選擇?

近幾年來,互聯網技術趨向於採用前端 JavaScript 框架來構建更好的網頁和移動應用用户體驗。這種變化真的很棒🔥,我個人非常喜歡這些框架給我們帶來的靈活性。 但是,這種靈活性是否已經過頭了呢… 為了真正理解這種情況,我們不妨回顧一下,在 JavaScript 框架誕生之前,應用是如何構建的。 ⏳ JavaScript 出現之前的時代… 在最初的幾個前端框架(最著名的包括 Angular

graphql , rust , 程序員 , 前端 , Web

收藏 評論

熱飯班長 - 遞歸的幾種場景記錄

場景1:從樹中查找查找符合條件的節點(一個) const findNodeById = (nodes, id) = { // 遍歷當前層的所有數組元素 for (const node of nodes) { // 找到目標節點,直接返回,遞歸結束 if (node.id === id) { // 這裏會有兩種情況: // 1. 如果這裏不是在遞歸中,

遞歸 , 前端 , Javascript

收藏 評論

南玖 - 【性能監控】如何有效監測網頁靜態資源大小?

前言 作為前端人員肯定經常遇到這樣的場景:需求剛上線,產品拿着手機來找你,為什麼頁面打開這麼慢呀,心想自己開發的時候也有注意性能問題呀,不可能會這麼誇張。那沒辦法只能排查下是哪一塊影響了頁面的整體性能,打開瀏覽器控制枱一看,頁面上的這些配圖每張都非常大,心想這些配圖都這麼大,頁面怎麼快,那麼我們有沒有辦法監測頁面上的這些靜態資源大小,從而避免這種情況的發生。 Performance Perform

性能監控 , 工程化 , 前端 , Javascript

收藏 評論

Thinking80s - 我的碼農之路

還記得畢業那段時光,命運似乎總是充滿巧合。當時恰好有位親戚在市裏的電腦城工作,出售各類電腦產品。於是乎,我順理成章地在那裏找到一份差事,負責電腦組裝、網絡安裝以及其他瑣碎事務。 儘管大學時期主修的是計算機專業,但所學知識卻與編程毫無瓜葛。如今回想起來,也就不難理解為何許多人會詢問我關於編程方面的問題了。對於他們而言,這或許是對我專業能力的一種期待;而於我來説,則更像是一種無法言説的尷尬。每當此時,

編輯器 , ruby , 人工智能 , 程序員 , 前端

收藏 評論

Thinking80s - 我的編程之路

3.1 初識編程 在深圳的這個新起點,我開始了對編程世界的探索。哥哥不僅是我的家人,也成了我編程路上的第一位導師。他耐心地從基礎開始教我,從變量、數據類型到條件語句、循環結構,每一個概念都講解得清清楚楚。 詳細內容: 我還記得第一次編寫代碼時的緊張和興奮。那是一段簡單的程序,用來計算兩個數的和。儘管現在看來非常簡單,但當時卻讓我激動不已。隨着時間的推移,我逐漸掌握了更多的編程知識,開始嘗試編寫更復

服務器 , ruby , 數據庫 , 深度學習 , 前端

收藏 評論

Thinking80s - 技術與思維的轉變

5.1 技術提升的旅程 隨着技術的不斷提升,我發現自己看待問題的角度也在悄然發生變化。我開始習慣於用編程的邏輯去分析問題,用代碼去解決問題。這種轉變不僅僅體現在我的工作中,更影響了我的整個生活。 詳細內容: 技術的提升是一個持續的過程。我不斷地閲讀技術書籍,參加在線課程,學習新的編程語言和框架。每當掌握一項新技術,我都會感到無比的興奮和滿足。更重要的是,我開始用編程的思維去看待周圍的世界,這讓我在

編輯器 , ruby , xcode , 程序員 , 前端

收藏 評論

鄧佔勇 - 利用CSS延遲動畫,打造令人驚豔的複雜動畫效果!

動畫在前端開發中是經常遇到的場景之一,加入動畫後頁面可以極大的提升用户體驗。 絕大多數簡單的動畫場景可以直接通過CSS實現,對於一些特殊場景的動畫可能會使用到JS計算實現,通過本文的學習,可以讓你在一些看似需要使用JS實現的動畫場景,使用純CSS一樣可以實現,並且更方便快捷。 先看一個簡單的例子:一個方塊的位置隨着滑條滑動的位置改變 這個場景實現起來很簡單,滑條值改變後,使用JS計

css3 , css3動畫 , 前端

收藏 評論

beckyyyy - 可視化學習:WebGL實現簡易的局部“馬賽克”

前言 接觸過Canvas的小夥伴應該都知道,在Canvas2D中我們要加載一個圖片很簡單,通過調用drawImage API就能將圖像繪製到畫布上,當然在WebGL中我們也可以繪製圖像,在繪製時我們需要用到WebGL中的紋理對象,在之前WebGL實現網格背景的文章中,我使用了一個叫做紋理座標的配置,現在要完成紋理的加載我們也需要用到紋理座標,並且我們可以通過對紋理座標處理實現簡單的”馬賽克“效果。

webgl , canvas , 可視化 , 前端

收藏 評論

水冗水孚 - 手寫一個簡單的谷歌瀏覽器拓展插件(附github源碼)

前言 閲讀本文,可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼:https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下,自己手寫的簡單插件的操作效果圖(點擊彈出時間) 拓展程序部分 或者地址欄輸入:chrome://extensions/ 回

chrome , 瀏覽器 , chrome-extension , 前端 , Javascript

收藏 評論

beckyyyy - WebGL:使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型,説到幾何圖形大家一定都不陌生,比如説三角形、圓形,接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形,只要傳入三個頂點座標,並選擇繪圖模式,我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外,我們還可以直接使用片元着色器進行幾何造型,那麼具體要怎麼做呢,下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

收藏 評論