tag 前端

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

@前端 / 博客 RSS 訂閱

erishen 頭像

erishen - 解決前端開發效率問題：shadcn + Bun 帶來的組件安裝革命

問題背景：npm install 慢、依賴衝突多、組件定製困難？本文分享一種全新的前端組件獲取方式：copy instead of install。通過 shadcn 的組件註冊表模式 + Bun 的極致性能，將開發效率提升 10 倍以上。 🚨 傳統開發方式的痛點 npm install 的性能問題 # 常見的等待時間 npm install # 3

sass , tailwind-css , styled-components , bun.js , 前端

收藏 評論

honglingjin_5d021c3150b96 頭像

紅領巾 - 函數式編程之柯里化

curry柯里化 首先我們先來看一個問題，如果實現一個add函數，可實現下面的功能 add(1,2,3) // 6 add(1)(2)(3) // 6 add(1,2)(3) // 6 add(1,2,3,4)(5)(6,7) // 28 當然了，所需要用到的知識點便是柯里化。 首先看下柯里化定義： 用於緩存函數參數的一種方式；給函數分步傳遞參數，每次傳遞部分參數，並返回一個更具體的函數接收

函數式編程 , ecmascript-6 , currying , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vue 如何實現 vxe-gantt table 甘特圖的任務拖拽後調整日期的二次確認提示

vue 如何實現 vxe-gantt table 甘特圖的任務拖拽後調整日期的二次確認提示 查看官網：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 效果 代碼 通過設置 task-bar-drag-co

前端

收藏 評論

Fan-iX 頭像

Fan-iX - 利用自定義html元素實現支持實時修改的高亮代碼塊

利用自定義html元素實現支持實時修改的高亮代碼塊 代碼塊高亮是前端開發中常見的需求，尤其是在展示代碼片段的博客、文檔等場景中。市面上有很多成熟的代碼高亮庫，比如Highlight.js、Prism.js等，它們都能很好地實現代碼高亮功能。 通常的高亮代碼塊是“靜態”的，修改代碼內容後需要對DOM元素重新應用高亮樣式。由於涉及DOM操作，在Vue等前端框架中使用必須謹慎處理，否則會出現DOM樹和虛

前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 一個普通前端程序員的5年，結婚、買房、生子、被裁、謀出路…

今年的10月初我被辭退了，公司為盈利，部門整體裁掉，感慨挺多的。也是我工作以來待的最久的一家單位了，從原來的菜鳥到現在能算是合格的前端工程師，不管怎麼説，我很感謝這個平台。 被辭退以現在的環境制定要面臨降薪，或者換個沒有福利待遇那麼好的單位。 這五年我得到的太多了，可能有人説如果你在別的單位應該也會得到你應得的，這個説法確實沒毛病。我只不過是一個打工仔，平台不過是帶我見識了一些上限，如果我不願意去

程序員 , 後端 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 貢獻者招募|朋友你好，一起加入OpenTiny社區吧~

🌟開發者朋友你好！我們誠摯邀請你加入 OpenTiny 開源社區，一起進行項目共建，一起成為 OpenTiny 開源項目的一份子~ 近期，OpenTiny 社區收到很多開發者對於 TinyEngine 低代碼引擎二開教程的建議，項目工程師們根據社區開發者們的建議也緊鑼密鼓的推進項目的演進更新。與此同時，社區開發者們也提出了很多項目 issue，作為開源社區，OpenTiny 也希望邀請更多的開源

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

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 2025年優秀CRM客户管理系統推薦：6款主流產品全面評測

2025年優秀CRM客户管理系統推薦：6款主流產品全面評測 在數字化轉型背景下，CRM（客户關係管理）已從“銷售工具”升級為“企業增長引擎”。企業選型CRM的核心訴求，是打通全流程數據、提升銷售效率、實現數據驅動決策。本文選取超兔、Salesforce、Microsoft Dynamics 365 CRM、Zoho、 EC （騰訊EC）、HubSpot CRM六大主流品牌（覆蓋中小製造、大型集團、

前端

收藏 評論

lijinhuaboke 頭像

此顏差矣。 - 使用ZLMRTCClient.j實現webRtc流播放

Vue 3 實戰：基於 ZLMRTCClient 實現高性能 WebRTC 流播放器 之前文章有介紹過weRtc的應用參考這邊文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 後面發現一個更便捷的在現代webRtc提出播放器，都不用自己封裝寫方法，下載ZLMRTCClient.js直接用就行。就介紹如何在 Vue 3 項目中，利用 ZLMedia

前端

收藏 評論

u_16213658 頭像

mob64ca140a59b0 - Vue3摺疊面板（Collapse）_vue摺疊面板

摘要： 本文實現了一個Vue3摺疊面板組件，包含兩個核心文件：ibmCollpase.vue（父組件）和ibmCollpaseItem.vue（子組件）。父組件通過provide提供共享狀態和方法，子組件通過inject獲取。主要功能包括： 支持手風琴(accordion)模式和普通模式 提

ico , 開發語言 , 後端開發 , bc , 前端 , Javascript , Python

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 全棧角度看分頁處理

作者：京東物流 楊攀 分頁是 web application 開發最常見的功能。在使用不同的框架和工具過程中，發現初始行/頁的定義不同，特意整理記錄。從這個技術點去看不同層的實現。以及不同語言實現的對比。 文章會從正常的web 結構分層的角度去梳理不同層的處理。 分為數據庫分頁、服務端分頁、前端分頁 數據庫分頁 這裏用mysql 舉例整理。我們常用的數據庫例如 Oracle/

服務端 , 分頁 , 數據庫 , 前端 , Web

收藏 評論

u_16213589 頭像

mob64ca13f9a97c - TypeScript 入門教程 — 函數的類型

本文是TypeScript系列第五篇，將深入探討TypeScript中函數類型的各種用法。函數是JavaScript的核心概念，TypeScript為函數提供了強大的類型支持，幫助您編寫更安全、更易維護的函數代碼。 一、函數聲明的類型定義 函數聲明的基本類型語法 在TypeScript中，我們可以為函數的參數和返回值添

User , 可選參數 , 前端開發 , typescript , 前端 , Javascript

收藏 評論

xingyunliushui_678f3a01be2b3 頭像

行雲流水 - Dart 運算符

Dart 支持下表中所示的運算符。 該表按從高到低的順序顯示了 Dart 的運算符結合性和 運算符優先級 ，這只是 Dart 運算符關係的 近似值 。 您可以將許多這些 運算符實現為類成員 。 描述 運算符 結合性 一元后綴 expr++ expr-- () [] ?[] . ?. ! 無 一元前綴

dart , Android , flutter , ios , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - componentWillUpdate可以直接修改state的值嗎

不應該在 componentWillUpdate 生命週期方法中直接修改 state 的值，因為這樣做可能導致錯誤。 在 componentWillUpdate 生命週期方法中，仍然可以訪問當前組件的 state 和 props，但是更改它們的值可能會導致不可預見的結果。這是因為該生命週期方法觸發時，組件的狀態正在被更新，如果在此時更改狀態會導致組件進入無限循環的狀態。 如果需要更改狀態，建議使用

react , 生命週期 , 前端

收藏 評論

ruozxby 頭像

不語 - kibana.bat 啓動閃退問題的解決

kibana.bat 啓動閃退問題的解決 elasticsearch啓動成功的情況下 kibana.bat啓動閃退，鼠標右擊以管理員的方式啓動，就能成功啓動

es7 , 大數據 , JAVA , 程序員 , 前端

收藏 評論

itgo1024 頭像

十安 - 我説這是全網最全vue組件通信方式，你沒意見吧？

父子組件通信 prop event style和class natvie修飾符 $listeners v-model sync修飾符 $parent和$children $slots和$scopedSlots ref 跨組件通信 Provide和Inject router vuex store模式 eventbus 父子組件通信 prop 最常見的組件通信方式，由父組件向子組件傳遞。p

vue.js , 組件通信 , 前端 , Javascript

收藏 評論

u_13463935 頭像

小滿zs - Next.js第十四章(緩存策略)

緩存策略(Cache Strategies) 友情提示：光敏性癲癇患者請勿觀看！！！ 緩存策略分兩種： 未啓用緩存組件: 確保cacheComponents配置為false或者不配置。 import type { NextConfig } from "next"; const nextConfig: NextConfig

獲取數據 , 緩存 , 後端開發 , harmonyos , 前端 , Json

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 4.1 react 代碼規範

書籍完整目錄 4.1 react 代碼規範 關於 基礎規範 組件結構 命名規範 jsx 書寫規範 eslint-plugin-react 關於 在代碼的設計上，每個團隊可能都有一定的代碼規範和模式，好的代碼規範能夠提高代碼的可讀性便於協作溝通，好的模式能夠上層設計上避免不必要的 bug 出現。本節會參考社區提供一些

react , leanreact , 前端 , Javascript

收藏 評論

zy65 頭像

放飛的雲 - vue表格 vxe-table 如何實現鍵盤導航時，按回車健向右移動，併到最後一行時按回車自動新增一行

vue表格 vxe-table 如何實現鍵盤導航時，按回車健向右移動，併到最後一行時按回車自動新增一行，表格組件本身支持按回車鍵自動新增行/按 Tab 鍵自動的新增行，通過以下參數開啓就可以了。 https://vxetable.cn 按 Tab 鍵在最後一行tab鍵自動新增一行 通過 keyboard-config.isLastTabAppendRow 設置當活動單元格處於最後一行時，按Tab鍵

前端

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - CRM/ERP打通 “採購 - 生產 - 委外” 供應鏈鏈路，貫通全業務數字流程

訂單驅動型供應鏈數智化能力橫評：五大CRM/ERP品牌的路徑差異與場景適配 在中小企業數字化轉型中， “訂單驅動 供應鏈協同 ”是破解“需求-供應”脱節、“流程-數據”孤島的核心邏輯。超兔、Salesforce、釘釘、用友、 SAP 五大品牌均圍繞這一邏輯構建能力，但因核心定位、架構設計與生態邊界的差異，形成了不同的落地路徑。本文從訂單核心驅動深度、供應鏈鏈路打通能力、全業務流程貫通效果三大維度展

前端

收藏 評論

apifox 頭像

Apifox - 理解 gRPC 和 RPC 技術原理

一、遠程過程調用協議簡介 1、RPC 的本質 首先，我們探討一下什麼是 RPC。RPC，縮寫為 Remote Procedure Call Protocol，直譯來看就是遠程過程調用協議。 講得通俗一些： RPC 是一種通信機制 RPC 實現了客户端/服務器通信模型 官方的定義可能會這樣解釋：它是一種協議，可以使程序能在網絡上請求遠程計算機上的服務，而無須關心底層網絡技術細節。 RPC 的

grpc , rpc , 程序員 , 後端 , 前端

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 19K+ Star！一款基於 Vue3 實現的後台管理系統！

大家好，我是 Java陳序員。 今天，給大家推薦一款基於 Vue3 實現的後台管理系統前端模板框架，適合外包項目，實現快速交付！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 vue-manage-system —— 一套基於 Vue3 + Element Plus + TypeScript 實現的多功能的後台前端模板框架，適

vue.js , github , node.js , yarn , 前端

收藏 評論

gptmirrors 頭像

GPTMirrors - 利用 gemini 生成帶有粒子特效和手勢指令的聖誕樹的方法附成品代碼

​聖誕節馬上就要到了，屬於程序員的浪漫聖誕樹網頁在每年的這個時候都會再火一次，今年藉助gemini3pro模型聖誕樹又升級了，加入了手勢交互功能。 交互邏輯和狀態：有合攏態（初始狀態）、散開態和照片放大態三種狀態。 手勢動作：握拳回到合攏態，打開五指進入散開態，手旋轉在散開態下調整相機角度，抓的動作進入照片放大態。 網頁打開步驟：保存 gemini 3 pro 生成的 html 文件，在網頁打開，

前端

收藏 評論

seanshi_fe 頭像

Sean - 別再折騰端口轉發了：使用 Cloudflare Tunnel 優雅地分享你的 localhost

在前後端聯調、移動端真機測試、或是調試 Webhook 回調時，我們總會遇到同一個難題：如何讓外網用户安全地訪問我本地的端口（如 localhost:3000）？ 傳統做法要麼是部署到測試服務器（太慢），要麼是折騰路由器端口映射（不安全且受限於公網 IP）。雖然 ngrok 曾是這一領域的霸主，但隨着 Cloudflare Tunnel 的普及，開發者們有了一個更安全、完全免費且無限制的新選擇。

教程 , 知識 , 前端

收藏 評論

__qingchundesmile 頭像

__青春的Smile - js下載文件的實現方式

供參考，平時遇到的問題記錄 一、普通下載 當後端返回的資源是鏈接時，此時可以使用 a 標籤或者 window.location.href直接打開。 1、a 標籤形式 在H5中，a標籤新增了download 屬性，包含該屬性的鏈接被點擊時，瀏覽器會以下載文件方式下載 href 屬性上的鏈接。 a href="https://example.com" download="example.html"下

下載 , 前端 , Javascript

收藏 評論