tag 前端

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

@前端 / 博客 RSS 訂閱

luoyelusheng_5ac46389b33ec 頭像

落葉盧生 - Git、GitHub、GitLab Flow，傻傻分不清？一圖看懂各種分支管理模型

理論是灰色的，生命之樹常青。 引言 任何一家公司乃至於一個小組織，只要有寫代碼的地方，就有代碼版本管理的主場，初入職場，總會遇到第一個攔路虎git管理流程，但是每一個企業似乎都有自己的git管理流程，倘若我們能掌握常用的git分支管理模型，那麼無論碰到什麼樣的git管理流程，只不過都是這些管理模型的衍生與簡化而已。 背景 目前筆者所在的前端部門，技術棧是React RN為主，Vue為輔，也就是説

規範化 , gitflow , 前端

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 透視表分組彙總及排序基礎配置

vxe-table 透視表分組彙總及排序基礎配置，對數據進行彙總後，支持對彙總及子項進行排序。 通過拖拽列到聚合列表，自動對數據進行合計彙總。設置 custom-config.allowGroup 和 custom-config.allowValues 啓用拖拽功能 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends

前端

收藏 評論

refanbanzhang 頭像

熱飯班長 - 在react hooks中，當useEffect依賴自身來更新自己時，遭遇死循環如何解決？

提出問題 觀察如下代碼，我們需要依賴words來更新自身，所以需要將words加入useEffect的依賴中。更新words觸發useEffect，useEffect再次更新words，然後就產生了死循環。 function App() { const [value, setValue] = useState(''); const [words, setWords] = useState(

react , react-hooks , typescript , 前端 , Javascript

收藏 評論

mapvthree 頭像

mapvthree - mapvthree Engine 設計分析——二三維一體化的架構設計

mapvthree Engine 作為二三維一體化渲染引擎的核心，其設計理念既不同於傳統地圖引擎，也不同於純粹的 3D 渲染引擎。本文將從架構設計的角度，深入分析 Engine 如何巧妙地融合兩種設計範式，創造出獨特的二三維一體化架構。 注： mapvthree 是 JSAPI Three（百度地圖 JavaScript API Three）在代碼中的命名空間。 一、設計理念概述 1.1

前端 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

收藏 評論

susouth 頭像

蘇南 - 遲來的2018總結之一個有儀式感的2019啓航

前言 歲月不居，時節如流，轉眼間都到2019年1月中旬了，時間過的好快，説好的週末睡到自然醒，但還是跟以往一樣，到上班時間就醒了，這算不算心裏只有工作呢？ 醒來無聊，看新聞是不存在的、而撩妹又是不可能的，於是來思否翻看了下2018年寫的博客，最後的總結就是： 發現今天的你，回頭看過往/或昨天的自己，總會不自覺的在問：“那個傻X是我？”，就像寫代碼，寫的時候只有你跟上帝知道，一個月之後只有上帝知道

chrome , 2018總結 , typescript , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 親歷外企兩小時“靜默裁員”

兄弟們，不知道你們最近感覺怎麼樣。我司昨天上演了一出“靜默裁員”，給我幹懵了。到現在坐回工位，還覺得不真實。 説“靜默”，是因為整個過程快、安靜、且體面——體面到讓你發冷。 預兆其實早埋下了 説實話，信號早就有了。不是什麼“草原枯黃”那種文縐縐的話，就是很實在的跡象： HC（招聘名額）凍結了大半年，只出不進。 該續簽的一些合同，從上個月開始就拖着了。 連每年年底雷打不動的團隊建設預算，

程序員 , 後端 , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - Monorepo：讓你的項目脱胎換骨，既能代碼複用，又能獨立部署！

本文由體驗技術團隊Kagol原創。 你的項目是不是正在不斷膨脹，構建速度越來越慢，包體積越來越大，性能越來越慢了？ 想拆分到不同的倉庫中分開維護，又擔心代碼不方便複用？ 你可能需要將項目改造成 Monorepo 啦！ 我將帶大家把一個現有項目改造成 Monorepo 方式，便於擴展和多項目複用。 如果你也有類似的需求，可以點贊、收藏下本文，關鍵時刻也許能幫上忙。 1 為什麼需要做 Monor

組件庫 , 開源 , 前端

收藏 評論

cubesuger 頭像

cubeSuger - 在 hook 組件中拆分時圖時需要注意的事項

最近遇到一個bug，問題是出現在react hook 中，為了代碼的可讀性，我把一個view拆成了多個子 component，其中有一些是 pure component，有一些是含有 usestate 的 stateful component，但是在實踐的過程中發現，當父組件使用 setState 更新視圖的時候，有些 stateful component 中的 state 會自動還原為初始值，有

react , jsx , 前端

收藏 評論

map-3d-vis 頭像

map_3d_vis - JSAPIThree 標籤使用學習筆記：在地圖上添加文字和圖標

作為一個剛開始學習 mapvthree 的小白，今天要學習標籤功能了！聽説這個功能可以在地圖上添加文字和圖標，用來顯示地點名稱、數值信息等！想想就實用！ 第一次聽説標籤功能 今天在文檔裏看到了"標籤"這個詞，一開始我還以為是 HTML 的標籤，結果查了一下才知道，原來這是在地圖上顯示文字和圖標的功能！ 文檔説標籤可以： 展示地點名稱 顯示數值信息 顯示狀態提示 添加圖標和文字組合

前端

收藏 評論

dewujishu 頭像

得物技術 - 得物研發自測 & 前端自動化測試體系建設

一、背景 現狀 在得物技術團隊雙週迭代模式下，前端自動化測試體系的建設已成為提升研發效能的關鍵突破口。當前技術部門推行研發自測的核心訴求，其核心訴求在於通過建立可信的質量保障機制釋放測試資源，以此承接更多的業務需求，提升需求吞吐率。 雙週迭代的機制對研發流程提出了雙重挑戰：既要保障兩週內完成需求開發、測試驗證到交付上線的完整閉環，又需保障研發交付的代碼質量穩定可靠且經過充分的測試驗證。 服務端已

自動化測試 , 前端

收藏 評論

vivotech 頭像

vivotech - 淺談 AI 搜索前端打字機效果的實現方案演進

作者：vivo 互聯網前端團隊 - He Yanjun 在當代前端開發領域，打字機效果作為一種極具創造力與吸引力的交互元素，被廣泛運用於各類網站和應用程序中，為用户帶來獨特的視覺體驗和信息呈現方式，深受廣大用户的喜愛。 本文將深入介紹在AI搜索輸出響應的過程中，打字機效果是怎樣逐步演進的。力求以通俗的語言和嚴謹的思路深入剖析打字機效果在不同階段的關鍵技術難點和優劣勢。 1分鐘看圖掌握核

前端

收藏 評論

dingxi 頭像

武小藏 - h5+mui分享調起app跳指定頁面

@font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋體"; } @font-face{ font-family:"Calibri"; } p.MsoNormal{ mso-style-name:正文; mso-style-parent:""; margin:0pt; margin-bottom:.0001pt

mui , 前端 , html5 , Javascript

收藏 評論

u_16099272 頭像

墨舞天涯 - 挑戰TensorFlow 與 PyTorch，3 月深度學習框架集中爆發 - 編輯部的個人空間 -

在這個“AI 生成內容（AIGC）”盛行的時代，模型不像以前一樣只在實驗室裏喝電、在服務器裏冒煙了。它們迫切希望“上網衝浪”，直接駐紮在用户的瀏覽器裏，為 Web 應用增添一點點靈性。問題來了：我們該用哪門“武功秘籍”把這些模型請進瀏覽器？ 今天的擂台，就擺在兩位“明星”之間： TensorFlow.js：正統科班出身，瀏覽器原生支

tensorflow , 加載 , aigc , bard , 前端 , Web

收藏 評論

dirackeeko 頭像

DiracKeeko - [動圖] 用css的animation+幀序列實現動畫

[接前文《[動圖] 前端動圖實現方式整理》](https://segmentfault.com/a/1190000044102194) 這篇文檔詳細説一説 第3種，幀序列(png/jpg + css) 的實現 注意下面這段代碼不是原生的CSS語法，在關鍵幀部分使用了SCSS語法來批量for循環處理（需要安裝sass-loader以支持編譯），通過改變背景圖片的位置來實現連續的動畫效果。 st

animation , sass , 動畫 , Css , 前端

收藏 評論

gkymfrg1 頭像

ohoherror - useEffect底層實現原理，useEffect和useLayoutEffect的區別

useEffect鏈表 通過MountEffect方法把callback/依賴項加入到鏈表中 視圖更新完畢，基於UpdateEffect方法通過effect鏈表中的callback按照要求執行 useEffect和useLayoutEffect 組件渲染過程 1.基於react-app編譯,基於babel-preset-react-app把jsx編譯成createElement

react , hook , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 除了加密，SSL證書還在悄悄為你做這3件事

當人們談論SSL證書時，第一個、也往往是唯一一個被提及的好處就是——加密。沒錯，那把小小的綠鎖確實在你瀏覽器和網站服務器之間建立了一條安全通道，防止黑客竊取你的信用卡號和密碼。 但故事遠未結束。SSL證書就像一位沉默的瑞士軍刀，除了其廣為人知的加密主刀外，還隱藏着多個至關重要的工具。今天，我們就來揭示SSL證書在暗中為你做的另外三件大事。 第1件事：為你的網站貼上“官方認證”的信任標籤 這

後端 , 前端

收藏 評論

ice_5ff2cfb2ea981 頭像

Ice - 怎麼寫接口請求？@zeesuu/service來幫你。

接口交互開發是做為一個互聯網產品肯定要面對的事情。 記得之前去一家公司看打到過老代碼，在一個Service文件夾下，全部都是將API地址封裝成了一個一個方法。 export const getOneInfo = () = { return axios.get('/one/info') } export const getTwoInfo = () = { return axi

API , service , npm , 前端

收藏 評論

moziyu 頭像

墨子魚 - antv-l7高德地圖設置黑色底圖

安裝依賴 @antv/l7-maps @antv/l7 div id="map"/div import { Scene } from "@antv/l7"; import { GaodeMapV1 } from "@antv/l7-maps"; scene = new Scene({ id: "map", map: new GaodeMapV1({

高德地圖 , vue3 , 地圖 , antv , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue vxe-gantt table 甘特圖實現任務可拖拽自動調整日期

vue vxe-gantt table 甘特圖實現任務可拖拽自動調整日期，通過設置 task-bar-config.drag 啓用任務條拖拽功能 效果 代碼 設置 task-bar-config.drag 啓用任務條拖拽功能 template div vxe-gantt v-bind="ganttOptions"/vxe-gantt /div /template script

前端

收藏 評論

maimengdeliejiu 頭像

maimengdeliejiu - 雲計算時代的計算虛擬化技術：架構、演進與未來趨勢

雲計算時代的計算虛擬化技術：架構、演進與未來趨勢 計算虛擬化作為雲計算的核心支撐技術，通過抽象硬件資源實現計算能力的高效分配，已成為數字經濟時代基礎設施的關鍵組成部分。這項技術打破了傳統物理服務器的資源壁壘，通過在單一物理硬件上構建多個邏輯隔離的虛擬環境，實現了計算資源的彈性調度與按需分配。從早期的CPU虛擬化到如今的全棧資源虛擬化，技術演進始終圍繞着提升資源利用率、增強環境隔離性和優化管理效率三

前端

收藏 評論

fenanjiu 頭像

南玖 - 使用clip-path將 GIF 繪製成跳動的字母

前言 之前看到過一個有趣的CSS效果，今天我們也來實現一遍，將動圖GIF通過clip-path繪製成一個個跳動的字母。 效果如下： GIF隨便找的，嗯？這不是重點，重點是下面的實現過程，別被GIF吸引了。 如果這篇文章有幫助到你，❤️關注+點贊❤️鼓勵一下作者，文章公眾號首發，關注 前端南玖 第一時間獲取最新文章～ 繪製字母 這是該效果的最重要部分，使用clip-path來繪製對應的字母。 MD

animation , css3 , 前端

收藏 評論

bianchengsanmei 頭像

編程三昧 - 前端 JavaScript 中的三種 for 循環語句總結

JavaScript 中的 for 循環語句相信大家都已經快用厭了，現在有好多文章都在講怎麼減少代碼中的 for 循環語句，但是，你又不得不承認它們真的很有用。今天，我來總結一下前端 JavaScript 中三種 for 循環語句。 for 這大概是應用最廣的循環語句了吧，簡單實用，且大多數時候性能還是在線的，唯一的缺點大概就是太普通，沒有特色，導致很多人現在不願用它。 const array =

循環 , for循環 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 打破數據堵點：6 大主流CRM廠商全鏈路數據流轉能力橫評與選型指南

打破數據堵點：6 大主流CRM廠商全鏈路數據流轉能力橫評與選型指南 在數字化轉型的深水區，客户信息與銷售訂單能否順暢流向後端生產、庫存、財務系統，是企業打破“信息孤島”、提升運營效率的核心命題。低效的數據流轉會導致：銷售承諾無法兑現（庫存缺貨）、生產計劃脱節（訂單變更未同步）、財務核算滯後（人工錄入誤差），最終損害客户體驗與企業利潤。 本文選取超兔一體雲、Salesforce、 SAP 、金蝶、Z

前端

收藏 評論