tag 前端

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

@前端 / 博客 RSS 訂閱

seanshi_fe 頭像

Sean - 從硬編碼到 Schema 推斷：前端表單開發的工程化轉型

一、你的表單，是否正在失控？ 想象一個場景，你正在開發一個“企業貸款申請”或“保險理賠”系統。 最初，頁面只有 5 個字段，你寫得優雅從容。隨着業務迭代，表單像吹氣球一樣膨脹到了 50 多個字段：“如果用户選了‘個體工商户’，不僅要隱藏‘企業法人’字段，還得去動態請求‘經營地’的下拉列表，同時‘註冊資本’的校驗規則還要從‘必填’變成‘選填’……” 於是，你的 Vue 文件變成了這樣： temp

vue.js , 教程 , typescript , 前端

收藏 評論

zuckjet 頭像

Zuckjet - 從源碼到可執行文件：揭秘程序編譯與執行的底層魔法

當你敲下 gcc hello.c -o hello 並運行 ./hello 時，計算機內部究竟發生了什麼？讓我們一起踏上這場從高級語言到機器指令的奇妙旅程。 引言：一行代碼的生命週期 想象一下，你剛剛寫下了人生中第一個C程序： #include stdio.h int main() { printf("Hello, World!\n"); return 0; } 這短短几行

計算機原理 , 編譯器 , 編譯原理 , 後端 , 前端

收藏 評論

smile1213 頭像

smile1213 - js 生成隨機顏色值（如 #E2E2E2 ）

目標格式： 以‘#’開頭的，並拼接6位十六進制字符串，如 ‘#E2E2E2’ 廢話不多説，直接上代碼： '#' + Math.random().toString(16).substr(2, 6).toUpperCase() 複製上面代碼就可以了，結束~ 有興趣的小夥伴可以看下面分步執行的結果： Math.random() ： 生成 1 以內的隨機數 toString(16) ： 轉為 16

顏色 , 隨機數 , Css , 前端 , Javascript

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - 公網帶寬

公網帶寬是連接企業或個人網絡與互聯網的關鍵數據傳輸通道，其性能直接影響網絡訪問速度、業務響應效率及用户體驗。公網帶寬以“Mbps”（兆比特每秒）為計量單位，代表單位時間內的數據傳輸能力，數值越高意味着數據吞吐效率越強。在數字化時代，隨着雲計算、大數據、高清視頻、物聯網等應用的普及，公網帶寬已成為支撐各類在線業務的核心基礎設施，其規劃與配置需結合實際業務場景動態調整。 從技術架構看，公網帶寬的

前端

收藏 評論

u_16213632 頭像

mob64ca14040d22 - SpringMVC由淺入深實用教程-初識SpringMVC

目錄 一、什麼是Spring Web MVC？ 1.定義 2.關於MVC 2.1什麼是MVC？ 二、學習Sring MVC 1.項目準備 2.@RestController註解的介紹 3.@RequestMapping註解 1.@RequestMapping只用在類上（相當於“只給文件夾起名，不給文件起名”） 2

spring , API , mvc , 前端開發 , 前端 , Javascript

收藏 評論

danjuanfe 頭像

前端蛋卷 - 二分查找法時間複雜度推算

我們知道當一個算法的循環次數每次減少一半時，時間複雜度通常會變成 是 ${O(logn)}$ ，我們可以用二分查找算法作為示例來推算這個時間複雜度的計算過程。 問題背景 假設我們有一個有序數組，我們要在這個數組中查找一個特定的元素。如果元素存在，我們返回其索引；否則返回 -1。 算法步驟 比較目標值與數組的 中間元素。 如果目標值等於中間元素，返回其索引。 如果目標值小於中間元素，則在左半

時間複雜度 , 二分查找 , 數據結構與算法 , 前端

收藏 評論

winnn 頭像

Winn - js性能優化之數組模式

首先我們來看看下面這兩段代碼，兩段代碼都是在初始化一個長度為1億的數組，唯一區別是在片段二中，先為最後一項賦值1次，大家覺得會有區別嗎？ 代碼一： const arr1 = []; for ( let i = 0; i 100000000; ++i ) { arr1[i] = 1; } 代碼二： const arr2 = []; arr2[100000000 - 1] = 1; for (

性能優化 , 數組方法 , 瀏覽器原理 , 前端 , Javascript

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - 雲服務器地域節點選擇指南

雲服務器地域節點選擇指南 在雲計算架構設計中，地域節點的選擇是影響業務性能、成本控制與合規安全的核心環節。企業需從用户體驗、業務架構、成本結構和合規要求四個維度綜合評估，構建科學的節點部署策略。 一、用户體驗優先原則 用户物理位置與節點的網絡距離直接決定訪問延遲。根據網絡傳輸原理，跨洲際數據傳輸延遲通常在100ms以上，而同城節點可控制在20ms以內。電商平台若將節點部署在目標用

前端

收藏 評論

plutolam 頭像

plutoLam - react hook的最強拓展——useEffect篇

前言 隨着react16.8的發佈，hook新特性隨之而來，hook的到來讓function組件煥發出強大的能力，足矣取代之前的class組件。函數式組件依靠useState、useEffect等hook實現變量狀態維持、抽離副作用等功能。雖然原生的useEffect具有強大的功能，但是那些常用的寫法每次都要手動復現一次，不但影響開發效率，而且容易出錯。 下面我會給大家推薦一個npm第三方庫，它將

react , hooks , hook , npm , 前端

收藏 評論

u_16213621 頭像

mob64ca14017c37 - antd esign vue級聯sort

接上文，封裝了個人Vue組件庫的Cascader級聯選擇器，源碼附在了文章末尾，如下是文檔使用説明 Cascader 級聯選擇器 當一個數據集合有清晰的層級結構時，可通過級聯選擇器逐級查看並選擇。 基礎用法 只需為 Cascader 的dataSource可渲染出一個級聯選擇器。 template

vue.js , elementui , Vue , 組件化 , 架構 , 後端開發 , 前端

收藏 評論

ihengshuai 頭像

大衞talk - 走進前端二進制

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

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

收藏 評論

yayu 頭像

冴羽 - 太好看了！3 個動漫變真人 Nano Banana Pro 提示詞

前言 本篇我和你分享 3 個將動漫變成真人的 Nano Banana Pro 提示詞。 原圖以最近很火的《羅小黑戰記 2》中的鹿野為例： 動漫直接轉真人 提示詞： 1:1 變真人 生成效果如下： 這個提示詞也可以： 精確複製原插圖中的姿勢、體態、手勢、面部表情和拍攝角度,生成一張女孩在 Comiket 上 cosplay 這個插圖的高度細節照片。保持相同的角度、透視和構圖,不做任何偏離。

教程 , aigc , 人工智能 , nano-banana-pro , 前端

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 爬蟲與B2Proxy：突破限制與保持穩定性的核心技術解析

在數據已成為企業核心資產的時代，網絡爬蟲（Web Crawling）已從簡單的頁面抓取工具，發展為數據分析、競爭情報、AI 訓練與模型優化的重要基礎。然而，當企業嘗試大規模、穩定且安全地進行數據採集時，最先遇到的瓶頸往往不是爬蟲框架本身，而是網絡環境、封鎖策略以及 IP 信譽體系。 這就是為什麼代理 IP 成為爬蟲體系中不可缺少的一環。本文將從技術角度解析爬蟲為何需要代理、代理如何提升採集成

Android , go , 前端

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 一文總結redux、react-redux、redux-saga

redux、react-redux、redux-saga總結 前言 hello大家好，我是風不識途，最近一直在整理redux系列文章，發現對於初學者不太友好，關係錯綜複雜，難倒是不太難，就是比較複雜 (其實寫比較少)，所以這篇帶你全面瞭解redux、react-redux、redux-thunk還有redux-sage，immutable(多圖預警)，由於知識點比較多，建議先收藏(收藏等於學

react , redux-saga , redux , immutable-js , 前端

收藏 評論

huashenjianlingshouhuni 頭像

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

收藏 評論

nihaojob 頭像

秦少衞 - 沒想到學會這個 canvas 庫，竟然做這麼多項目

大家好，我是一名前端工程師，也是開源圖片編輯器vue-fabric-editor項目的作者，2024 年 5 月從北京辭職，我便開始了自己的輕創業之路，接觸了不同的客户和業務場景，回顧這半年，沒想到學會fabric.js這個Canvas庫，竟能做這麼多項目。 如果你打算學習一個Canvas庫或者做圖片設計、定製設計相關的工具，我建議你學習一下fabric.js 這個庫，它非常強大，可以做出很多有意

vue.js , 圖片處理 , fabric.js , 前端

收藏 評論

user_jwxwiyxh 頭像

移動研發平台EMAS - 「10秒發現，5分鐘定位」- 阿里雲EMAS應用監控引領全鏈路智能監控新時代

在用户體驗決定業務成敗的數字時代，應用質量已成為核心競爭力。阿里雲 EMAS 應用監控基於阿里巴巴內部數千款應用的實戰經驗，打造了業界領先的「10 秒發現、5 分鐘定位」全鏈路監控體系，讓您的團隊像阿里工程師一樣高效解決線上問題。 "EMAS 監控幫我們在關鍵業務高峯期提前發現了 3 個潛在的性能瓶頸，顯著提升了用户留存率。" — 某知名 AI 應用技術負責人 不只是監控，更是業

移動端 , 監控 , 性能分析 , 崩潰分析 , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue 常用的 gantt 甘特圖組件推薦

vue 常用的 gantt 甘特圖組件推薦，項目中使用過的甘特圖組件，各有優缺點。 dhtmlx-gantt 甘特圖 https://dhtmlx.com/docs/products/demoApps/ 老牌的甘特圖組件，給你非常全面，使用難度高，可定製化功能比較一般，原生 js 和 vue 項目都能用，基礎版本免費，功能限制較多，企業版功能更強 任務列表 任務依賴關係 vxe-gantt

前端

收藏 評論

invalidnull 頭像

註銷 - JavaScript 裏 window, document, screen, body 這幾個名詞的區別

在下面這個 StackOverflow 的線索裏進行了討論： https://stackoverflow.com/que... window Window is the main JavaScript object root, aka the global object in a browser, also can be treated as the root of the document o

screen , windows , javascript正則 , 前端 , Javascript

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - Agent如何重塑跨角色協作的AI提效新範式

什麼是Agent？ 我們開始看到一種新的“AI勞動力市場”雛形： 需求Agent、設計Agent、前端 Agent、運營Agent、數據 Agent…它們就像數字版的“崗位角色”，但永不疲憊、隨時可調度。你可以把它想象成：“團隊裏突然多了一些懂規則、懂產品、懂代碼、懂設計的AI新同事。”總結起來，Agent是“有大腦和工具調用能力”的執行者，它能做到規劃、執行、調用工具、持續推進任務，完成一整套動

教程 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

收藏 評論

jamesfancy 頭像

邊城 - 在前端使用 JS 進行分類彙總

最近遇到一些同學在問 JS 中進行數據統計的問題。雖然數據統計一般會在數據庫中進行，但是後端遇到需要使用程序來進行統計的情況也非常多。.NET 就為了對內存數據和數據庫數據進行統一地數據處理，發明了 LINQ (Language-Integrated Query)。其實 LINQ 語法本身沒什麼，關鍵是為了實現 LINQ 而設計的表達式樹、IEnumerable 和 IQueryable 的各種擴

lodash , 數據處理 , 前端 , Javascript

收藏 評論

abai_65056e27c0c30 頭像

阿白 - 電子商務網站建設的開發方案

電子商務網站建設的開發方案是一個複雜的過程，需要經過多個階段的設計和開發，包括需求分析、架構設計、前端開發、後端開發、數據庫開發、測試和優化、上線和部署、以及運營和維護等。下面將詳細介紹每個階段的具體內容。 一、需求分析 在開始電子商務網站建設之前，需要與客户進行充分的溝通，瞭解他們的需求和目標。這包括網站的功能、設計風格、目標用户等方面的要求。同時，還需要考慮到競爭對手的情況，以及

電子商務網站 , 微服務 , 網站開發 , 前端 , html5

收藏 評論

hightopo 頭像

hightopo - 圖撲軟件 | 3D 場景視頻嵌入應用

在快節奏的數字時代，視頻已成為信息傳播和內容消費的主要形式之一。場景嵌入技術作為一種創新媒介，正在改變我們創作、分享和體驗視頻的方式。 效果展示 場景嵌入視頻的最大優勢在於能夠增強觀眾的沉浸感。通過融合現實環境與虛擬元素，創作者可以突破傳統視頻製作的侷限，打造更加富有創意和吸引力的內容。這種沉浸式體驗不僅吸引眼球，更能夠提高信息的傳達效果。 接下來，讓我們一同探究在 HT 中怎樣把視頻嵌入場景，

視頻處理 , 可視化 , 前端 , html5 , Javascript

收藏 評論