tag 前端

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

@前端 / 博客 RSS 訂閱

delai 頭像

德來 - 預加載系列一：DNS Prefetching 的正確使用姿勢

發現 很多人都知道現代瀏覽器都支持 DNS 的預解析，學名：DNS Prefetching。用法也很簡單，就是在html代碼里加入這樣的 link 標籤 link rel="dns-prefetch" href="//delai.me" 我們之前的用法是在 Head 為2個 靜態資源服務器的域名 和 日誌圖片的域名 建了3條 dns-prefetch link。 link rel="dns-pre

prefetch , dns , web性能優化 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] el-form 表單驗證的異常情況

本文針對的場景是沒有手動觸發el-form的validator驗證，但是async-validator自動觸發(驗證)，控制枱async-validator驗證報錯的情況。 先貼一段代碼： template el-form ref="form" :model="formData" :rules="formRules" label-width="100px" size="medium"

validator , vue.js , form , element-ui , 前端

收藏 評論

zy65 頭像

放飛的雲 - vue 表格 vxe-table 如何設置列默認不顯示，用户可以手動通過工具欄設置顯示

vue 表格 vxe-table 如何設置列默認不顯示，用户可以手動通過工具欄設置顯示。實現該方式非常簡單，可以通過列的 visible 屬性設置為默認不顯示，然後用户可以在工具欄的自定義列裏面勾選顯示或隱藏。自定義方式就很方便了。 https://vxetable.cn 通過設置 toolbar-config.custom 啓用列個性化設置功能,然後將列的 visible=false 設置為默

前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 有獎問卷調研|OpenTiny給你送天命人好禮啦！

破防了！家人們！ 參與這個活動到底有多簡單？ 加入OpenTiny開源社區 ，到底是種什麼樣的體驗？ 原來，使用項目不僅有社羣技術答疑， 還能送緊箍咒等天命人好禮！ 班味太濃，是時候該去去班味了~ 這個活動，就等你來參加啦~ 活動説明：有獎問卷調研！！！ 現在起至9月20日，填寫你對於 OpenTiny 項目的真實使用情況，我們會根據問卷內容，針對填寫優質問卷的小夥伴贈送相應禮物~ 友好用户

vue.js , 組件庫 , 低代碼 , typescript , 前端

收藏 評論

kuangyedechouti 頭像

狂野的抽屜 - 國密證書相比於普通SSL證書有哪些優勢？

國密證書（基於國家密碼管理局GM/T系列標準）與普通SSL證書（多采用RSA/ECC等國際算法）的核心差異，本質是“自主可控的安全體系”與“全球兼容的通用體系”的區別。國密證書的優勢集中體現在算法安全、主權可控、政策合規、性能效率及生態適配等關鍵維度，尤其適配國內關鍵領域和敏感業務場景，以下展開詳細解析： 申請入口：註冊時填寫230968獲取技術支持 一、算法技術：更優的安全強度與運算效率 國密證

前端

收藏 評論

jinzhepro 頭像

zhangjinzhe - V8的垃圾回收器

垃圾回收算法 遍歷 GC Root(window，DOM，棧等)標記活動對象和非活動對象 回收非活動對象所佔據的內存 內存整理 新生代和老生代 在 V8 中，會把堆分成新生代和老生代兩個區域 新生代通常只支持 1~8M 的容量，存放生存時間短的對象，由副垃圾回收器負責。 老生代通常容量很大，存放生存時間長的對象，由主垃圾回收器負責。 Scavenge 算法（新生代） 在新生代中被

前端 , Javascript

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 免費SSL證書全解析：類型、頒發機構與適用場景

在當今網絡安全日益重要的背景下，SSL/TLS證書已成為網站的標準配置。對於預算有限的個人開發者、小型企業和初創公司來説，免費SSL證書提供了一個既經濟又可靠的加密解決方案。本文將系統解析免費SSL證書的核心要素，幫助你全面瞭解並做出合適選擇。 一、免費SSL證書的主要類型 1. 域名驗證型（DV）證書 這是最常見的免費SSL證書類型，僅驗證申請者對域名的控制權，不驗證組織真實

後端 , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - CCF程序員大會碼力全開：AI加速營決賽入圍名單揭曉，12月6日大理見！

CCF程序員大會碼力全開：AI加速營決賽將於12月6日在大理舉辦！ 活動由中國計算機學會主辦、msup承辦，文心大模型、文心快碼合作支持。 經過選手們激烈的角逐和初賽專業技術評審團慎重考量與嚴格篩選，CCF程序員大會碼力全開：AI加速營決賽入圍名單震撼出爐！以下10個優秀作品最終入圍決賽～組委會將於12月6日，在風花雪月的大理展開最終評選。 ⏰ 12月6日決賽議程 13:00-13:30 簽

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

收藏 評論

u_16099331 頭像

墨色天香 - 若依框架 -------- vue3+element-plus(三)_51CTO博客

後端搭建部分 首先去若依官網下載最新的若依代碼，或者在我的git上進行下載（沒有跟隨官方版本更新） 若依後端項目初始化: 用於在本地快速搭建若依的後端初始化項目 注意：這裏我們需要點擊下載，下載對應的zip壓縮文件並解壓，而不是直接用克隆的方式到本地，因為這樣可以更方便的上傳到自己的gitee遠程倉庫。 在本地

數據庫 , intellij-idea , JAVA , 前端開發 , 後端 , 前端 , Javascript

收藏 評論

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 如何技術性地檢測代理質量？B2Proxy從延遲、帶寬到穩定性的五項核心測試

選擇代理服務時，最關鍵的不是價格，而是其技術性能能否滿足你的業務需求。在高併發訪問、自動化任務、數據採集和賬號運營等場景中，一個代理 IP 的真實質量往往直接決定成功率與成本。 為了避免踩雷，你需要從技術角度對代理進行科學測試。本文將圍繞延遲、帶寬、穩定性、IP 信譽度以及併發承載能力五個關鍵維度，全面拆解如何評估代理質量。 一、延遲測試（Latency Test） 延遲反映請求從本地到目標

php , Android , 前端

收藏 評論

snxy 頭像

是檸新呀 - 手摸手教你用VitePress + Github Pages搭建博客

前言 這是一期關於VitePress搭建博客並將它部署到Github Pages的教程文章，起因是把年前給自己立的一個flag實現以及最近打算把之前的學過的知識鞏固一下 因此打算搭建一個博客來作為平時寫作的地方。 我的博客地址如下:https://xuxing409.github.io/my-blog/ VitePress是什麼 在搭建博客之前,我們先做一下準備工作, 瞭解一下Vit

github-pages , vitepress , 博客搭建 , 前端

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.3 理解 redux 中間件

書籍完整目錄 3.3 理解 Redux 中間件 這一小節會講解 redux 中間件的原理，為下一節講解 redux 異步 action 做鋪墊，主要內容為： Redux 中間件是什麼 使用 Redux 中間件 logger 中間件結構分析 applyMiddleware 中間件的執行過程 3.3.1 Redux 中間件是什麼

react , redux , leanreact , 前端 , Javascript

收藏 評論

ysq99 頭像

Oliver - 項目記錄 ： goodpic - 圖牀工具

goodpic 預覽鏈接：https://oliver-ysq.github.io/... 代碼地址：https://github.com/Oliver-Ysq... 技術棧： React：base技術框架 React-Router：路由管理 Mobx6：全局數據管理 styled-component：css in js解決方案 antd：組件庫 leancloud：阿里ser

react , leancloud , serverless , 前端 , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 從千問靈光 App 看生成式 UI 技術的發展

本文由體驗技術團隊OpenTiny項目負責人莫春輝老師原創。 引言 2025 年 11 月 18 日，螞蟻集團全模態通用 AI 助手——靈光 App 發佈，上線兩週用户已創建 330 萬個閃應用。這一現象級數據的背後，不僅是開發效率的提升，更是人機交互範式正在從圖形用户界面（GUI）向生成式用户界面（GenUI）的跨越。在新的範式下，應用不再是預先固化的靜態資產，而是根據用户自然語言意圖實時生成。

vue.js , 人工智能 , 前端

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 加載 Mapbox 數據學習筆記：使用 Mapbox 矢量瓦片地圖

作為一個剛開始學習 mapvthree 的小白，今天要學習加載 Mapbox 數據了！聽説這個功能可以加載 Mapbox 的矢量瓦片地圖，還能自定義樣式！想想就期待！ 第一次聽説 Mapbox 數據加載 今天在文檔裏看到了"Mapbox"這個詞。文檔説 Mapbox 數據加載可以： 加載 Mapbox 官方地圖 支持自定義 MVT 路徑 需要配置 AccessToken 我的理解：

前端

收藏 評論

devilzh 頭像

帆張芳顯 - 10萬行數據1秒內排序，智表 ZCELL 讓你輕鬆駕馭數據秩序

在數據驅動決策的時代，面對海量雜亂的數據，快速梳理出清晰的邏輯秩序是提升工作效率的關鍵。無論是篩選銷售榜單中的 Top 產品、整理員工信息表中的職級與入職時間，還是按自定義規則排列特殊業務數據，排序功能都是數據處理環節的 “剛需工具”。傳統表格工具的排序功能常受限於操作繁瑣、多條件排序邏輯複雜、自定義規則難實現等問題，而智表 ZCELL 憑藉其靈活、高效的排序能力，徹底解決這些痛點，讓數據排序

前端

收藏 評論

eolink 頭像

Eolink - 【前端小技巧】如何使用 Eolink Apilkit 調用 Mock ？

在開發過程中，進度比較趕的情況下，前端人員當頁面寫完時，後台的接口還沒寫完，等要交付的時候後端才把接口給你，這個時候就很尷尬。 這個時候 Mock 就可以很好的解決這個問題，前端團隊可以在 API 還沒開發完成的情況下，藉助 Mock API 實現預對接，加速開發進程。測試團隊可以通過 Mock API 解決不必要的系統，完成集成測試。 Eolink Apikit 為前端工程師提供 API 文檔管

mock , API , 前端

收藏 評論

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 前端已死？全棧當立？取法於中，僅得其下。

開篇明義，前端已死？根本就是扯淡。前端技術精微淵深，駁雜寬廣，除了基礎的 HTML、CSS 和 JavaScript 技術外，前端技術還涉及到許多其他相關技術和工具，比如前端框架、UI 庫、自動化構建工具、代碼管理工具等等。這些技術並沒有死，反而生態圈愈發健壯，但為什麼前端已死的論調甚囂塵上？ 前端市場萎靡 前端技術並未消亡，但前端工程師的坑位卻逐年減少，為什麼？是由於競爭加劇、市場飽和、經濟衰退

行業 , 前端框架 , 前端工程師 , 行業週刊 , 前端

收藏 評論

smileZAZ 頭像

林恆 - Vue 中的 deep、v-deep 和 >>> 有什麼區別？什麼時候該用？

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 “你用 Element Plus 寫了個按鈕，想改下 hover 顏色，結果死活不生效！最後查了半天，發現得加個 :deep() 才行” 其實，這是 Vue 中一個非常常見的坑：樣式作用域衝突。那為什麼用 UI 庫時，加上 :deep()、::v-deep 或 後，樣式就能生效呢？ 它們是什麼？有什麼區別？什麼時候該

前端

收藏 評論

MrHuo 頭像

開發者精選資訊 - fix-broken-img：零依賴的圖片優雅降級解決方案

fix-broken-img：零依賴的圖片優雅降級解決方案 在現代 Web 開發中，圖片加載失敗是一個常見但容易被忽視的問題。今天我要介紹一個我最近開源的解決方案——fix-broken-img，一個零依賴的 WebComponents 組件，專門用於處理圖片加載失敗時的優雅降級。 問題背景：為什麼需要圖片降級？ 在 Web 開發中，我們經常會遇到以下場景：

前端

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

收藏 評論

xytx906 頭像

小楊同學906 - 海康威視web插件版-vue3

1、下載web插件 官網地址：https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=20id=77c7f9ab64da4dbe8b2df7efe3365ec2 下載 並安裝 2、引入web插件包 在 public/index.html中引入插件 script src="/webV

Vue , 前端

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - SiteGround與Hostinger深度對比：如何選擇最適合你的主機服務商

SiteGround與Hostinger深度對比：如何選擇最適合你的主機服務商 在當今數字化時代，選擇一款穩定可靠的主機服務商對個人網站和企業業務的成功至關重要。SiteGround和Hostinger作為全球知名的主機服務提供商，憑藉各自的技術優勢和服務特色佔據了市場重要份額。本文將從性能表現、價格策略、功能配置、客户支持及適用場景五個維度進行深度解析，為用户提供清晰的選擇指南。 一

前端

收藏 評論