tag 前端

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

@前端 / 博客 RSS 訂閱

logicflow 頭像

LogicFlow官方號 - “有辦法讓流程圖動起來嗎？”“當然有！”：一起用LogicFlow實現動畫邊

開始前在這裏貼一下我們的項目地址和官網，歡迎大家訪問併為我們的項目點上star⭐️ 項目地址：https://github.com/didi/LogicFlow 官網地址：https://site.logic-flow.cn/ 引言 在流程圖中，邊（Edge） 的主要作用是連接兩個節點，表示從一個節點到另一個節點的關係或流程。在業務系統中，邊通常代表某種邏輯連接，比如狀態轉移、事

開源框架 , svg動畫 , 前端 , Javascript

收藏 評論

kasong 頭像

卡頌 - 組長讓我把所有state都放Redux裏

大家好，我是卡頌。 在我們React進階源碼羣裏，除了React外，狀態管理是最常討論的話題。 詭異的是，有多個羣友説過類似的話： 他的同事/組長/領導...讓他把所有state都放在Redux/Mobx...裏 他們覺得不對，又不知道如何反駁。 今天我們來聊聊Redux、Mobx等狀態管理庫和React、Vue等視圖庫之間的關係，希望能解決以上困惑。 產品的核心競爭力 如果你在電梯裏遇到大領導

react , vue.js , mobx , redux , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - ant design vue Table根據數據合併單元格

之前在外包做項目的時候，甲方提出一個想要合併單元格的需求，表格裏展示的內容是領導們的一週行程，因為不想出現重複內容的單元格，實際場景中領導可能連續幾天參加某個會議或者某個其他行程，本來 系統中對會議時間衝突是做了限制，也就是不能創建時間衝突的會議，那麼對重複行程的單元格直接進行合併是沒有問題的；但是後來又放開了限制、又允許存在會議時間衝突的情況了，因為實際中可能存在連續幾天的大會行程中，又安排了幾

ant-design , ant-design-vue , 前端 , Javascript

收藏 評論

yiiouo 頭像

yiiouo - 使用 NodeJS 開發一個命令行工具，批量管理多項目依賴

概述 大家好，本篇文章的內容主要分為兩部分： 開發 multi-dependent-management 工具庫，解決在業務上遇到的問題 關於開發這個工具庫時的一些總結 而 multi-dependent-management 是一個基於 NodeJS 開發的，在命令行中使用的工具庫，主要用於批量管理基於 Npm 的 package.json 項目依賴。它可以批量對你的項目進行依賴升級、移

node.js , package.json , cli , 前端 , Javascript

收藏 評論

gaoming13 頭像

王二傻 - git checkout -b 2020 2019 | 一個30歲前端的年終總結

收到了思否推送的活動郵件，饒有興趣的點進來看了看大家寫19年總結。 今天準備公司個人年度業績彙報的時候，忽然動了寫個自己個人總結的心思。 2020年，自己剛好30歲，還是蠻有紀念意義的 ƪ(˘⌣˘)┐。 簡單介紹下自己吧~ 13年參加工作的我先後做過PHP開發、前端開發、小公司的技術總監。17年從上海來到北京，在一家創業公司做前端經理，一直到現在。 前端 這2年專注做前端，發現之前掌握

2019總結 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 04_wrap

場景: 需要對每個series設置不同背景色的tooltip時，highcharts自身沒有這種配置項，就需要我們利用Highcharts原型封裝函數Wrap。 wrap對現有的highcharts示例的原型進行修改，允許在現有函數之前或之後向其中添加自己的代碼。 其用法如下: (function (H) { H.wrap(H.Tooltip.prototype, 'ref

highcharts , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 用Spec給AI Agent立規矩，AI編碼告別手忙腳亂

淺析Spec模式 在用AI寫代碼時，你有沒有過這樣的困擾？讓AI改個功能，它要麼亂改一通，要麼莫名其妙加些用不上的代碼，總感覺它“不聽話”或者“不專心”？這種情況的出現，就是因為沒和AI朋友商量好執行思路。 針對此情況，可以使用Rules規定它的思考框架。早期，Cursor社區中有一種AI編碼行為協議叫做RIPER-5，代表五種模式(研究RESEARCH-信息收集和深入理解、創新INNOVATE-

教程 , 人工智能 , 程序員 , 後端 , 前端

收藏 評論

xingxingshangdesigua 頭像

星星上的絲瓜 - JSAPIThree 時間系統學習筆記：讓場景隨時間變化

作為一個剛開始學習 mapvthree 的小白，今天要學習時間系統了！聽説這個系統可以讓場景根據時間變化，實現真實的晝夜交替效果，就像真實世界一樣！想想就激動！ 第一次聽説時間系統 今天在文檔裏看到了"時鐘"這個詞，一開始我還以為是用來顯示時間的，結果查了一下才知道，原來這是用來控制場景時間的系統！ 文檔説時間系統可以： 控制動態天空的光照效果 實現真實的晝夜交替 模擬日出日落 控制場景

地圖api , 學習筆記 , 時鐘 , 前端

收藏 評論

simonbaker_5ec61c266b1df 頭像

simonbaker - 從Demo到防禦：揭秘Blob URI釣魚攻擊的原理與實戰防禦

通過上一篇文章Cofense披露新型釣魚攻擊手法：利用 Blob URI 繞過 SEG，大概知道Blob URL的釣魚攻擊手法了。 下面再看個Demo，深入瞭解下攻擊原理。 一、攻擊實施路徑 1. 誘導階段 偽造可信郵件： 攻擊者構造包含合法域名鏈接的釣魚郵件（如baidu.com），利用百度品牌可信度降低用户警惕性。 繞過郵件網關： 鏈接指向的中間頁面託管在合法的服務上，HTML文件無惡意特徵，

blob , 安全 , 前端

收藏 評論

invalidnull 頭像

註銷 - Angular單元測試框架裏API toHaveBeenCalledTimes的工作原理

看這樣一段代碼： let spiedFirstFocusable = spyOn( keyboardFocusService, 'findFirstFocusable' ).and.returnValue(el); fixture.detectChanges(); expect(document.activeElement.id).toEqual

jasmine , angular , karma , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 利用uplugin對比Webpack和Rollup插件系統

本文由華為云云嶺團隊鬆塔同學分享~ 江湖上一直流傳一種説法：Rollup 的插件系統設計，相比與 webpack，要更加科學順手。（網絡上對 webpack 插件編寫的吐槽不計其數）Talk is cheap，本文基於 unplugin 這個三方庫來對比研究一下二者的插件系統。Unplugin 是一個插件編寫工具，它可以讓開發者用一套代碼同時為主流 bundler 編寫插件，包括 webpa

rollup , webpack , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 信任的代價？一份SSL證書如何提升你的轉化率

在商業世界裏，建立信任需要成本。而一份看似技術性的SSL證書，恰恰是數字世界裏性價比最高的“信任投資”。它遠不止於一項安全配置，更是一個強大的轉化率優化工具。 當用户從訪客轉變為客户時，他們需要跨越一道名為“信任”的橋樑。SSL證書，正是構建這座橋樑最關鍵的基石。以下是它如何從心理到技術層面，系統性提升你的轉化率。 第一層：消除心理警戒，為轉化掃清障礙 在用户做出購買、註冊或提交信息

後端 , 前端

收藏 評論

gqkmiss 頭像

月恆 - Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔

Electron 客户端心跳定時任務調度庫調研文檔 - Node.js 任務調度庫技術調研文檔 本文將對七個流行的定時任務調度庫：node-cron、rxjs、bull、node-schedule、agenda、bree、cron。這些庫都可以用來處理定時任務，但它們的特點和適用場景有所不同。我們將從以下幾個方面進行詳細對比： 功能 優缺點 使用場景 簡易度 下載使用量

定時任務 , node.js , electron , 前端 , Javascript

收藏 評論

fannaodeshafa 頭像

煩惱的沙發 - 拒絕無效內卷，這 7 個 JavaScript 庫讓代碼更能打

在Javascript 生態瘋狂迭代的今天，很多所謂的創新往往只是重新包裝了舊概念。作為開發者，我們要尋找的不是 GitHub 上 Star 增長最快的玩具，而是那些真正能解決生產環境痛點、提升代碼健壯性、甚至改變開發工作流的工具。 這裏整理了幾個在實際項目中表現出色的庫，它們分別解決了驗證、隊列、緩存、運行時、系統調用及 ID 生成等核心問題。 Zod：運行時類型驗證的守門員 TypeScri

node.js , bun.js , 後端 , 前端 , Javascript

收藏 評論

lijinhuaboke 頭像

此顏差矣。 - uniapp+vue2+uview圖片上傳封裝

🔥 打造基於 uView+uniapp+vue 的高性能圖片上傳組件（自動壓縮 + 更加健壯的類型判斷） 前言 在移動端開發（App/小程序/H5）中， 圖片上傳 是一個極其高頻且容易產生性能瓶頸的場景。直接上傳原圖往往會帶來以下問題： 上傳緩慢 ：現在的手機拍照動輒 5MB-10MB，用户在非 WiFi 環境下體驗極差。 體驗不好 ：大文件導致請求時間過長，容易超時。 服務器壓力 ：不

前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 一直沒找到一個合適的開源富文本？何不嘗試下 Fluent Editor

本文由體驗技術團隊Kagol原創。\ 今年4月份，聽到 Quill 2.0 正式發佈的消息，我心情非常激動，立馬體驗了下，並寫了一篇文章。 重回鐵王座！時隔5年！Quill 2.0 終於發佈啦🎉 由於越來越多用户聲音希望提供富文本組件，於是我們基於 Quill 2.0 封裝了一個功能更全面的 Fluent Editor 富文本。 官網：https://opentiny.github.i

富文本編輯器 , 開源項目介紹 , 前端 , Javascript

收藏 評論

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

收藏 評論

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 2025實時雲渲染產業全景洞察與趨勢報告

隨着數字中國戰略的深入以及人工智能、高性能計算等新一代信息技術的融合爆發，實時雲渲染作為連接物理與數字世界的核心架構，其戰略意義與應用深度正不斷拓展。長期以來，該技術不僅是工業仿真、數字孿生、智慧城市等領域智能化升級的基石，更在“人工智能+”行動與數字經濟政策推動下，走向賦能千行百業的廣闊空間。本文梳理了2025年行業演進與前瞻技術趨勢，點量雲流實時雲渲染正為各領域“數字視界”的建立，提供強有力的

資訊 , 服務器 , 負載均衡 , 後端 , 前端

收藏 評論

jrainlau 頭像

jrainlau - bun 實現 gRPC 服務器

在 cnb.cool 的任務集功能區中，我們使用了 bun 作為服務端，負責任務集視圖的相關讀寫能力，積累了一定的經驗。整體來説 bun 的寫法和 Nodejs 幾乎一致，但對於“提供 gRPC 服務”相關的知識，現網所能找到的資料較少，因此專門記錄下來。 關於 bun 和 gRPC 的介紹就不在此展開了，感興趣的同學請自行搜索。 一、初始化 參考官網的方式，首先把 bun 安裝到機器上（本文開發

grpc , bun.js , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 你一定要知道的iterator和generator

generator是一種特殊的iterator，generator可以替代iterator實現，使代碼更為簡潔 什麼是iterator iterator叫做迭代器，是用來幫助某個數據結構進行遍歷的對象，這個對象需要符合迭代器協議（iterator protocol）。 迭代器協議要求實現next方法，next方法有如下要求 0或者1個函數入參 返回值需要包括兩個屬性，done 和 value

ecmascript-6 , iterator , generator , 前端 , Javascript

收藏 評論

sysu_xuejia 頭像

陳學家_6174 - 精益 React 學習指南 （Lean React）- 3.2 Redux TodoApp

書籍完整目錄 3.2 Redux TodoApp 上一節講完了 redux 中的概念，但是仍然沒有和 react 聯繫起來，這一節 將利用 redux 在 react 中實現完整的 todolist： 在 react 使用 redux 通過 Provider 連接 react 和 redux store 創建 action creators

react , leanreact , 前端

收藏 評論

codesheep_pro 頭像

CodeSheep - 小米技術教父，離職創業了！

最近，科技圈的又一位技術大佬被曝入局創業了。 沒錯，他就是小米的技術教父、小米前副總裁，同時也是雷軍在武大唸書時的下鋪兄弟，並且在拍照時可以和雷軍並列而坐的技術大佬崔神： 崔寶秋。 那這一次創業，據説大佬瞄準的也是當下炙手可熱的「具身智能」賽道，創業方向為「家庭服務機器人」方向。 並且在這次創業消息被曝之前，據傳大佬已與多家頂級 VC 深入接洽，融資等進展順利。 説回到小米的發展歷程，崔寶秋是

JAVA , go , 後端 , 前端 , Javascript

收藏 評論

qcjay 頭像

我不是大熊 - 「進階篇」Vue Router 核心原理的 5 個問題你會了嗎？

前言 以問題為線索，解析 Vue Router 核心原理，不大篇幅手撕源碼，只用圖和最核心源碼來講解原理。 此篇為進階篇，希望讀者有 Vue.js，Vue Router 的使用經驗，並對 Vue.js 核心原理有簡單瞭解，對應的官方倉庫源碼地址會放到超上，可以配合着看； 對應的源碼版本是 3.5.3，也就是 Vue.js 2.x 對應的 Vue Router 最新版本； Vue Router 是標

vue.js , vue-router , 源碼分析 , 原理 , 前端

收藏 評論