tag 前端

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

@前端 / 博客 RSS 訂閱

dewujishu 頭像

得物技術 - Module Federation在客服工單業務中的最佳實踐

Module Federation： 是模塊聯邦的意思，在webpack 5中流行起來的，也屬於一種微前端方案。 一、背景 1、客服高頻工作場景 一線客服： 基於一站式工作台中的在線工作台及電話工作台，根據用户進線反饋的問題，查看當前用户相關的工單詳情或訂單詳情，並根據實際情況決定是否創建新的工單。 二線客服： 根據各種渠道反饋的工單（其中一個主要來源是一線客服的反饋），根據工單內容，聯繫用户或

module , 業務 , 實踐 , 微前端 , 前端

收藏 評論

edward_59e5c17a3a7e2 頭像

Edward - 日拱一卒-如何實現請求轉發

今天在聯調的時候，由於後端的問題導致接口出現了跨域問題。 使用接口請求工具可以請求到數據，但是一旦把服務跑起來，就會報跨域的問題。 由於自己之前簡單學習了一下mock數據的方法，於是想着，那不如寫一個簡單的請求轉發的工具，這樣就能解決跨域問題了。 使用的工具是express和axios。 先根據express的官方文檔，安裝express generator： npm i

Axios , nodejs-express , 前端

收藏 評論

rexindezicai_ema39t 頭像

Addison - 深度覆盤 II： WebGL 工業級落地：混合渲染架構與 HMI 工程化實踐

🚀 前言 在上一篇《渲染架構篇》中，我們探討了基於 Three.js 的場景管理與 DrawCall 優化。然而，在實際交付的 工業數字孿生（Digital Twin） 項目中，決定系統能否長期穩定運行的，往往不僅僅是 3D 渲染效率，更是 2D UI 與 3D 場景的混合架構質量。 很多項目在 Demo 階段表現尚可，一上生產環境就暴露問題：DOM 更新導致 WebGL 掉幀、交互事件衝突、現

three.js , 數據可視化 , 數字孿生 , webgl , 前端

收藏 評論

linx 頭像

前端路引 - 瀏覽器 15 個常見指紋特徵，使用插件 FingerprintJS 生成瀏覽器指紋

瀏覽器指紋是什麼？ 像人類的指紋一樣，瀏覽器指紋也是用於唯一身份認證的一種標識。 這東東常被廣告商用於用户跟蹤，比如 A、B 網站都添加了一個廣告商，如果用户訪問了 A 網站，查看了些商品或文章，然後再訪問 B 網站，那麼廣告商就知道用户對哪些東西感興趣，就可以在 B 網站中投放一些感興趣的廣告。 瀏覽器指紋起的作用就是給用户打上唯一標識，用户每次訪問網頁都會被獲取到這個唯一標識符，這樣就實現了用

前端

收藏 評論

t1duz 頭像

胡蘿蔔會飛 - vue響應式原理（底層）超詳細的解讀，手寫響應式原理

vue響應式原理 關於vue響應式原理（底層）原理，今天和大家一起探討研究，結尾附上手敲代碼以及git下載地址，如有不足或不準確請及時留言指正，期待共同進步～ 本文將採用webpack環境進行編寫,項目目錄如下。 index.js: 入口文件 arrar.js: 數組文件 def.js: 定義一個對象屬性 defineReactive.js: 給對象data的屬性key定

vue.js , 響應式 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 企業級CRM管理軟件核心能力橫向對比：從“功能覆蓋”到“場景適配”的專業解析

企業級CRM管理軟件核心能力橫向對比：從“功能覆蓋”到“場景適配”的專業解析 在數字化轉型浪潮中，企業選擇CRM/ERP等管理軟件的核心痛點已從“功能有無”轉向“是否匹配業務場景”。本文基於超兔一體雲、金蝶（含雲·星辰）、用友、Salesforce、Microsoft CRM、HubSpot CRM、Zoho CRM、悟空CRM等8款主流產品的公開能力素材，圍繞自動化流程 、智能分析/AI推薦、移

前端

收藏 評論

kestrel_task 頭像

微芒不朽 - 基於 Three.js 的 3D 地圖可視化：核心原理與實現步驟

項目概述 這是一個基於Three.js的3D交互式地圖可視化系統，以廣東省地圖為展示對象，實現了豐富的3D視覺效果和交互功能。本文將對項目中的核心函數進行逐步驟、逐函數的詳細分析，幫助讀者深入理解系統的實現原理。 技術棧 前端框架：Vue 3 3D渲染引擎：Three.js 構建工具：Vite 動畫庫：Tween.js 輔助庫：Delaunator、geo-point-in-poly

three.js , 3d , 前端 , Javascript

收藏 評論

nanchengfe 頭像

南城FE - Puppeteer實踐：複雜的問題簡單化

最近遇到一個需求需要將上千條的數據寫入到基於Wordpress搭建的系統中，但是對於底層數據錄的寫入邏輯不是很清楚，通過sql各種寫入也沒有完全達到效果。 後面想了想或許可以換一個方向，不能從底層邏輯寫入數據那就通過正常操作寫入。由於數據量大所以需要自動化處理，這時候就想到了之前用過的Puppeteer，這個庫可以模擬操作瀏覽器的各種行為，包括獲取數據和操作提交等。對於這個場景很適合，不用管底層的

puppeteer , node.js , 前端 , Javascript

收藏 評論

no8g 頭像

No8g攻城獅 - 【異常解決】Spring Boot 返回排序後的 Map 但前端接收順序不對的解決方案

博主介紹：✌全網粉絲22W+，博客專家、Java領域優質創作者華為雲/阿里雲/等平台優質作者、專注於Java技術領域✌ 技術範圍：SpringBoot、SpringCloud、Vue、SSM、HTML、Nodejs、Python、MySQL、PostgreSQL、大數據、物聯網、機器學習等設計與開發。 感興趣的可以先關注收藏起來

Spring Boot , 後端開發 , JAVA , harmonyos , 後端 , 前端 , Json

收藏 評論

tingtr 頭像

Tingtr - 【問題合集】UEditor中的樣式和網站樣式相互干擾

背景 在使用UEditor編輯器編輯文本後，保存內容，再在前端頁面展示出來的時候，會發現保存的文本內容為html，與網站的樣式衝突，導致網頁顯示異常。又不能清除編輯器的樣式，所以現在只能將需要展示的文本內容和網站相互隔離開。 解決方案 利用iframe進行頁面嵌入。 iframe加載的頁面和當前頁無關，所以樣式就不會有衝突的情況。 html div class="article" if

vue.js , ueditor , 前端 , Javascript

收藏 評論

wuyagege 頭像

雲綺棠兮 - html&css畫呼吸燈

搞不了視頻太難了。。。。 Animations是css3的一個模塊，使用keyframes定義如何隨着時間的移動改變CSS的屬性值，可以通過指定它們的持續時間，重複次數，如何重複來控制關鍵幀的行為。Animations由兩部分組成：css動畫的配置，以及一系列的keyframes（用來描述動畫的開始、過程、結束狀態） transform 屬性向元素應用從2D或3D轉換。該屬性允許我們對元素進行

animation , transform , Css , 前端

收藏 評論

rexinchangdebaikaishui 頭像

DisLido - 在shadowRoot裏獲取光標(selection)信息

3大瀏覽器,3種不一樣的處理方式😅 getSelectionAndRange() { let selection = document.getSelection(); if (!selection) return null; // 規範 getComposedRanges, CH--FF--SF17 if ('getComposedRanges' in se

富文本編輯器 , webcomponents , HTML , 前端 , Javascript

收藏 評論

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 程序員 | 30歲前最後一次年度思考。

沒錯！95年，還剩幾個月就奔三了。去年一年，註定是人生中意義非凡的一年，忐忑、裁員、出書、求職、轉正這幾個詞貫穿了一整年。 忐忑 在上一家公司時，我從面試開始和到入職半年轉正後，其實內心對於公司的狀況一直保持一種忐忑不安的心情，這種感覺跟我老婆説過幾次，我們一致認為應當有心理準備。原因在於薪資與公司的組織架構、基礎建設、日常工作量安排和人員擴充速度都讓人感到迷惑。 公司是在一個包括高層話事人不斷更

程序員 , 後端 , 前端

收藏 評論

hello888 頭像

洛陽醉長安行 - mui 多個tab頁實現下拉刷新上拉加載

下拉刷新組件的dom結構 div id="refreshContainer" class="mui-scroll-wrapper" div id="refreshBox" div class="active" id="tab1"/div div id="tab2"/div div id="tab3"/div /div /di

移動端 , Css , mui , 前端 , html5

收藏 評論

yourena_c 頭像

友人A - 記錄一次githubpage+cloudflare+freenom的靜態博客部署

一、域名解析準備 1.這裏假設我在freenom註冊了一個 apitest.tk 2.登錄cloudflare，添加網站選擇free 3.填寫名稱服務器地址，第一張圖的兩個地址，填到第三張圖並保存。保存完了檢查一下哦！！！！ 原作者地址👉https://segmentfault.com/u/yourena_c 二、github pages項目

cloudflare , github-pages , 部署 , 域名解析 , 前端

收藏 評論

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

react , vue.js , 響應式 , 前端 , Javascript

收藏 評論

u_16213592 頭像

mob64ca13fa6a3c - 超詳細 Spring Boot 知識清單 - Demons -

在前後端分離架構成為主流的今天，Spring Boot 作為後端框架，並非 “只負責後端”—— 它需要與前端（如 Vue、React、Angular 等）高效協作，甚至在輕量場景下直接集成前端資源。本文將梳理 Spring Boot 與前端開發相關的核心知識點，幫你打通 “後端接口→前端交互” 的全流程。 一、Spring Boot 與前

Spring Boot , 青少年編程 , 彙編 , 後端開發 , 1024程序員節 , harmonyos , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 如何“白嫖”SSL證書

1. JoySSL（最常用） 特點：高兼容性與標準性,安全性與技術保障,性價比高、中文支持好、類型齊全。 獲取方式： 打開JoySSL官網，完成註冊，註冊碼填寫230976 2. ZeroSSL（替代方案） 提供免費證書（有效期 90 天），支持 Web 界面或 acme.sh 工具簽發。 需註冊賬户，泛域名證書可能需要付費。 3. 國內服務商免費證書 騰訊雲：TrustAsia 品牌，免費單域

後端 , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 除了加密，它還能驗明正身：SSL如何防範網絡釣魚？

當我們提到SSL證書，最廣為人知的功能是 “加密” 。它像一堵牆，確保你發送的數據不被黑客偷窺。 但SSL還有一個同等重要、卻常被低估的“隱藏技能”——身份驗證。它像一盞探照燈，在你連接之前，照清楚服務器的真實身份。 而防範網絡釣魚的關鍵，恰恰在於這盞“探照燈”。一個僅有加密、沒有身份驗證的連接，無異於在加密的房間裏，和戴着面具的騙子交談，風險依然巨大。 釣魚攻擊的偽裝術與SSL的反制 讓我們先理

後端 , 前端

收藏 評論

freeman_tian 頭像

freeman_Tian - promise 的三個方法

promise.race\promise.all\promise.allSettled 需要所有操作都成功才能繼續時，用 Promise.all。 只關心最快出結果的那個操作（比如設置超時），用 Promise.race。 需要知道每個操作的最終狀態（無論成功失敗），比如批量處理任務後生成報告，用 Promise.allSettled。 let params1 = {

前端 , Javascript

收藏 評論

mohui_5fdb668403ca8 頭像

mohui - i18n Mage：一個致力於提升前端國際化開發體驗的 VSCode 插件

引言：為何要重複造輪子？ 在前端開發領域，國際化（i18n）是一個常見但流程繁瑣的需求。雖然已有 i18n Ally 這樣優秀的插件珠玉在前，但在實際開發中，我發現了一些可以進一步優化的痛點，尤其是在國內開發環境和團隊協作流程中。這便是 i18n Mage 項目的起點。 i18n Mage 並非簡單的功能堆砌，而是希望為前端開發者提供一個 開箱即用、自動化、智能化 的全鏈路解決方案。經過近一年的開

react-i18next , vscode插件 , vue-i18n , i18n , 前端

收藏 評論

zhengcaiyunqianduantuandui 頭像

政採雲前端團隊 - ZooTeam 前端週刊｜第 59 期

政採雲前端小報第59期 瀏覽更多往期小報，請訪問： https://weekly.zoo.team 扛住100億次請求？我們來試一試 實現單機支持100萬用户，同時模擬了2015年微信紅包的1400萬QPS的場景，讓服務器在壓力下，輕鬆地完成業務。 深入淺出 SWR 原理 - 知乎 本文主要是基於 SWR 源碼對其原理進行分析，但並不會直接從源碼開始，而是從實際需求場景一步一步推導進而實現

hooks , web性能優化 , babel7 , 微前端 , 前端

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理的技術革新與行業演進 - B2Proxy

在互聯網早期，代理IP的主要功能是“隱藏真實身份”，而今天，它正在成為數據採集、AI訓練、廣告驗證、跨境運營等場景的底層基礎設施。 傳統的數據中心代理雖然速度快、成本低，但由於IP來自雲服務器或IDC機房，容易被識別為“非自然流量”，在反爬蟲與風控系統面前往往“無所遁形”。 而住宅代理的出現，徹底改變了這一格局。 住宅代理的IP來自真實家庭網絡，由ISP（互聯網服務提供商）分配，

android-studio , go , 前端

收藏 評論