tag 前端

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

@前端 / 博客 RSS 訂閱

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

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 大齡程序員失業！2026這咋開局？

2025 年的年底，對我來説，並不體面。 裁員的通知來得並不突然。大環境不好，這句話我們已經聽了三四年。從 2022 到 2025，互聯網不再增長，故事不再性感，資本不再慷慨。只是當那封郵件真正落在自己頭上時，才發現，所有“早有預期”的心理建設，幾乎沒有任何用處。 我今年三十多歲，程序員。 為幾個公司幹了快十年，最好的青春幾乎都交代在工位上。 大環境真的不好，不是不努力 這幾年

程序員 , 後端 , 前端

收藏 評論

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

程序員 , 後端 , 前端

收藏 評論

chengzp 頭像

程序猿的程 - 我用 stock-sdk 構建了一個個人專屬的 A 股行情儀表盤

這是個啥 背景故事很簡單：作為一個日常關注行情的“韭菜”，我有一個不太高效的習慣——同時打開無數個看盤軟件和網頁，在混亂的窗口切換中迷失自我，最終收穫的往往只有焦慮，外加瀏覽器那令人窒息的標籤頁堆疊。為了徹底治癒這種低效，我決定動手打造一個專屬工具：在一個頁面內集成所有高頻功能，涵蓋實時行情、板塊動態、分時走勢、K 線分析、資金流向以及篩選器。 這就誕生了 stock-dashboard：一個完全

前端

收藏 評論

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

收藏 評論

fannaodeshafa 頭像

煩惱的沙發 - 2026年值得關注的8個叫好不叫座的實用工具

自從有了AI加持，天天都有新應用發佈，各種雲原生、顛覆式創新，概念一個比一個響亮。但冷靜下來，你會發現日常開發中，真正用得順手的，還是那些踏踏實實解決問題的東西。 我們每天都在被各種網紅刷屏，比如 VS Code 的新插件、JetBrains 的全家桶更新。但聚光燈之外，有很多工具雖然沒什麼熱度，卻能解決我們開發中的具體痛點。 今天就來聊聊我私藏的幾款工具，它們可能沒那麼出名，但誰用誰知道。 Se

工具軟件 , 開發工具 , 後端 , 前端 , Python

收藏 評論

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 , 前端

收藏 評論

liweihao_5f8e96c308646 頭像

李偉豪 - 告別服務器！小程序純前端“圖片轉 PDF”工具，隱私安全又高效！

1. 背景與痛點：純前端實踐的動力 在開發小程序時，實現如“圖片轉 PDF”這樣的功能時，常常面臨以下挑戰： 隱私擔憂：將圖片上傳到服務器進行轉換，用户擔心圖片內容泄露。對於個人證件、私密照片等敏感內容，這一顧慮尤為突出。 網絡依賴與效率：轉換過程需要頻繁與服務器交互，在弱網環境下速度慢、不穩定，甚至可能因上傳大文件而失敗。 服務器成本：每一次轉換都意味着服務器資源的消耗（存儲、計算、帶寬

小程序 , 圖片處理 , pdflib , canvas , 前端

收藏 評論

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 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue 智能組件庫：基於 MCP 協議，實現 AI 代替人操作 Web 組件

本文由體驗技術團隊 Kagol 原創。 2025年6月21日，我在華為開發者大會2025（HDC2025）開源論壇做了一場主題分享，給開發者們介紹我們 OpenTiny 團隊基於 MCP 協議實現 AI 代替人操作 Web 組件的技術。 傳統的 Web 應用都是由人來操作的，用户需要學習幫助文檔，操作成本相對較高，如果能讓 AI 來幫我們操作，我們只需要在關鍵節點進行確認的動作即可，是不是就非常

vue.js , 組件庫 , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 30歲前端的十字路口！兄弟們，還有其他選擇嗎？

上個月，我剛過完30歲生日。 沒有辦派對，就和家人簡單吃了頓飯。但在吹蠟燭的那個瞬間，我還是恍惚了一下。 30歲，對於一個幹了8年的前端來説，到底意味着什麼？ 前幾天，我在做團隊下半年的規劃，看着表格裏的一個個名字，再看看鏡子裏的自己，一個問題在我腦子裏變得無比清晰： 我職業生涯的下一站，到底在哪？ 28歲之前 在28歲之前，我的人生是就行直線。 我的目標非常純粹：成為一個技術大神。我的快樂，來

程序員 , 前端

收藏 評論

mingtian_62fef71159161 頭像

明天 - nvm安裝下載使用教程-node的版本管理工具

nvm是什麼 nvm是一個node的版本管理工具，可以簡單操作node版本的切換、安裝、查看。。。等等，與npm不同的是，npm是依賴包的管理工具。 nvm特點 node：是一個基於 Chrome V8 引擎的 JS 運行環境。 npm：是 node.js 默認的包管理系統（用 JavaScript 編寫的），在安裝的 node 的時候，npm 也會跟着一起安裝，管理 node 中的第三方

nvm-windows , nvm , 前端

收藏 評論

u_12196 頭像

footballboy - vue2 自定義指令中使用createElement

在 Vue 中，自定義指令可以讓你在模板中使用 v-directiveName 這樣的語法來調用自己定義的指令。自定義指令可以用來操作 DOM 元素，給元素綁定事件監聽器，或者進行其他自定義操作。 Vue.directive 函數來註冊一個指令。該函數接受兩個參數，第一個參數是指令的名稱，第二個參數是一個對象，用來定義指令的行為。 下面是一個自定義指令的例子：

鈎子函數 , 機器學習 , vue.js , 自定義指令 , 人工智能 , 前端 , Javascript

收藏 評論