tag 前端

標籤
貢獻1,071
2871
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 smileZAZ 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

zz_641473ad470bc 頭像

zZ_jie - Flex 佈局學習總結（對齊方式）

一、Flex佈局是什麼 Flex佈局是一種現代的、彈性的CSS佈局模型，一般簡稱彈性佈局， 全稱為Flexible Box Layout。它提供了一種更加高效、直觀的方式來設計、排列和對齊容器中的子元素。Flex佈局適用於響應式設計，能夠輕鬆適應不同屏幕大小和設備類型。 二、基本概念 容器默認存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開

flex , 前端

收藏 評論

haoqidewukong 頭像

好奇de悟空 - vscode 如何支持 css-module 文件跳轉到類名？

背景 css module 是目前主流的 css 模塊化的解決方案。使用 css module 之後，我們可以將 css 類當作模塊變量引入到我們的 typescript （下述使用 "ts" 代指）文件中來作為樣式的引用。過去，由於 ts 無法識別 css module 中導出的變量，我們使用 css 模塊變量需要到 css 文件中找到對應的類名，再寫到 ts 文件中使用，容易出錯且影響了開發效

less , visual-studio-code , postcss , typescript , 前端

收藏 評論

apifox 頭像

Apifox - 探索 JavaScript：every()方法背後的邏輯

JavaScript 語言的核心足夠大，以至於很容易誤解其某些部分的工作方式。我最近在重構一些使用every()方法的代碼時發現，我實際上並沒有完全理解其背後的邏輯。在我的腦海中，我假設回調函數必須被調用並返回true，every()才會返回true，但實際情況並非如此。對於一個空數組，every()無論回調函數是什麼都會返回true，因為那個回調函數從未被調用。考慮以下情況： function

數組 , 前端工程師 , 程序員 , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - SPA應用的hash模式和history模式部署問題

hash模式和history模式的差異是什麼？ 拿這個地址為例： http://xxx.com#about http://xxx.com/about hash模式 由於http請求並不包含hash，所以不管hash值為多少，服務器端收到的請求始終都是/。 history模式 history模式下，後面的/about路徑會被服務器接收到，然後嘗試去處理這個/about。 為什

react , vue.js , Nginx , router , 前端

收藏 評論

emma_5aa5f6ff6ec8d 頭像

cybozu開發者聯盟 - 你知道h.265吧？但關於AV1編碼格式你也來了解一下嗎？

介紹一下av1格式 AV1（AOMedia Video 1）是一種開放、免版税的視頻編碼格式，旨在用於視頻傳輸和存儲。它由開放媒體聯盟（Alliance for Open Media, AOM）開發，這是一個由Google、Mozilla、Cisco、Amazon、Intel、Microsoft、Netflix等多家公司組成的聯盟。AV1旨在取代VP9併成為與HEVC（H.265）競爭的主要視頻編

h.265 , 編碼 , 前端

收藏 評論

apifox 頭像

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

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

post , HTTP , 後端 , get , 前端

收藏 評論

apifox 頭像

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

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

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

收藏 評論

refanbanzhang 頭像

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

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

數組 , 前端 , Javascript

收藏 評論

jwgqwyq 頭像

君問歸期未有期 - 開發工具推薦:公網訪問內網服務、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 , 開發工具 , 前後端分離 , 後端 , 前端

收藏 評論

invalidnull 頭像

註銷 - 關於 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 頭像

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

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

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

收藏 評論

itchao 頭像

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

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

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

收藏 評論

luxigaola 頭像

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

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

express , node.js , 前端

收藏 評論

fanwenjie 頭像

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

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

工程化 , 前端

收藏 評論

apifox 頭像

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

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

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

收藏 評論

refanbanzhang 頭像

熱飯班長 - 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 頭像

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

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

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

收藏 評論

refanbanzhang 頭像

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

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

localstorage , 前端 , Javascript

收藏 評論

yaochujiadejianpan 頭像

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

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

設計模式 , mvvm , mvc , 前端

收藏 評論

jueqiangdeqianbi 頭像

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

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

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

收藏 評論

refanbanzhang 頭像

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

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

遞歸 , 前端 , Javascript

收藏 評論

fenanjiu 頭像

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

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

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

收藏 評論

thinking80s 頭像

Thinking80s - 我的碼農之路

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

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

收藏 評論

thinking80s 頭像

Thinking80s - 我的編程之路

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

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

收藏 評論