tag 前端

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

@前端 / 博客 RSS 訂閱

hexuan_5ea1a9d57db1a 頭像

HeXuan - 瀏覽器緩存機制

瀏覽器緩存機制 前言 緩存是性能優化中簡單高效的優化方式，可以縮短網頁請求資源的距離，減少延遲，並且由於緩存文件可以重複利用，還可以減少帶寬，降低網絡負荷，可以極大的提升用户體驗。 為什麼可以優化性能呢？若瀏覽器已經將資源緩存下來，那麼再次需要資源時，可以直接使用緩存而不發送請求或發起請求後但瀏覽器緩存與服務器存儲內容一樣則不必再將數據傳回。 緩存位置 一共有4個緩存位置，存在優先級，當依次查找

瀏覽器緩存 , 前端

收藏 評論

kingshuaishuai 頭像

king帥帥 - 週末項目 Incremark：為 AI 流式輸出場景設計的增量 Markdown 解析器

故事的開始 故事的開始是我想要為我的 tiptap 編輯器增加 AI 流式內容輸出的功能，但 AI 輸出的是 markdown，我需要將其解析為 prosemirror JSONContent，但我又想盡可能節省性能，每次已經穩定的內容避免重複解析，正在生成的塊不斷進行更新，因此有了 incremark 這個小工具。 問題分析 傳統的 Markdown 解析器（marked、remark 等）設計

人工智能 , 前端 , Markdown

收藏 評論

chencaize 頭像

點墨 - react函數組件使用React.memo避免重複渲染

在react的類組件裏，我們可以通過shouldComponentUpdate來主動控制組件是否需要渲染,那麼在函數組件裏，有沒有類似的方法可以讓我們主動控制組件渲染呢？有的，那就是React.memo。 React官方文檔給出的介紹: Class components can bail out from rendering when their input props are the same

react , dva.js , 前端 , Javascript

收藏 評論

u_16213720 頭像

mob64ca14193248 - JS學習第4天——事件高級（註冊/刪除事件、DOM事件流、阻止事件冒泡、事件委託、常用的鼠標/鍵盤事件）

文章目錄 一、事件註冊方式 1、刪除傳統方式註冊事件 2、刪除方法監聽方式註冊事件 二、完整代碼示例 1、代碼示例 2、執行結果 一、事件註冊方式

Web APIs , 開發語言 , 註冊事件 , 前端開發 , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用 setTimeout 拆解一些 CPU 密集型的執行任務

未優化之前的版本： let i = 0; let start = Date.now(); function count() { // do a heavy job for (let j = 0; j 1e9; j++) { i++; } alert("Done in " + (Date.now() - start) + 'ms'); } count(); 上述

settimeout , HTML , 前端 , html5 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 我靠？！程序員這樣使用AI才對！！！

放假前最後一個工作日下午5點，你鼠標都摸好了，就等着準點開溜。產品經理走過來了：“有個小需求，用户列表加個篩選和排序，很簡單！老闆説客户明天就要看。”你嘴上説着好的，心裏已經演完了八百集血壓拉滿的內心劇。算了，反正看起來也不復雜。 你熟練地打開 Cursor，輸入：“幫我實現用户列表的篩選和排序功能。”三分鐘，真的只用了三分鐘，AI嘩啦啦吐出兩百行代碼。你隨手點了幾個案例，居然都能跑通。那一瞬間，

人工智能 , 程序員 , 前端

收藏 評論

conardli 頭像

ConardLi - 一名【合格】前端工程師的自檢清單

開篇 前端開發是一個非常特殊的行業，它的歷史實際上不是很長，但是知識之繁雜，技術迭代速度之快是其他技術所不能比擬的。 winter在他的《重學前端》課程中提到： 到現在為止，前端工程師已經成為研發體系中的重要崗位之一。可是，與此相對的是，我發現極少或者幾乎沒有大學的計算機專業願意開設前端課程，更沒有系統性的教學方案出現。大部分前端工程師的知識，其實都是來自於實踐和工作中零散的學習。 這樣是一個非常

程序員 , 知識體系 , 前端 , Javascript

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - JavaScript如何解析本地xml文件

項目功能 本地解析 上傳文件 input class="input" ref="file" type="file" @change="handleFileChange" / 解析file對象 獲取file對象，獲取到本地url路徑地址 // 獲取本地上傳文件路徑 const getUploadUrl = function(flie) { le

文件上傳 , xml , file , 前端 , Javascript

收藏 評論

qaz666 頭像

可不簡單 - vxe-table 如何實現跟 excel 一樣的篩選框，支持字符串、數值、日期類型篩選

vxe-table 如何實現跟 excel 一樣的篩選框，支持字符串、數值、日期類型篩選 查看官網：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 字符串類型 通過設置 filterRender.cellType='

前端

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - 女朋友換頭像比翻書快？我3天肝出一個去水印小程序

我女朋友天天泡小紅書，看到好看的圖就想當頭像。可小紅書的圖都帶水印，她嫌截圖裁剪太麻煩。有一天直接甩給我一句：“你是程序員，給我想個辦法把水印弄掉！” 得，女朋友發話，那就幹唄。花三天時間，整了個去水印的小工具，挺好用。下面就是我怎麼一步步搞出來的，有興趣的可以看看。 先看效果 先給大佬們體驗體驗 https://nologo.code24.top/ ，移動端訪問需要掃碼跳轉小程序。

node.js , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 淺入深出的微前端MicroApp | 京東雲技術團隊

前言： 本文是由最近做的一個項目有感而發，因為之前做了一些技術棧的統一，為了用ant Design的pro-table，PC統一使用react，但是我們有一些老的項目是vue的，本次新頁面較多，老頁面的改動較少，除此之外老項目想換菜單，因此我們想借助本次機會用react開發，經過了幾番思考，發現本次很適合用微前端來完成本次需求，最終決定用react搭建一個基座（主應用），將原來的vue項目接入到基

react , micro , 微前端 , 前端

收藏 評論

hui_61e3b3803b922 頭像

xachary - 基於 CSS Grid 的簡易拖拉拽 Vue3 組件，從代碼到NPM發佈（1）- 拖拉拽交互

基於特定的應用場景，需要在頁面中以網格的方式，實現目標組件在網格中可以進行拖拉拽、修改大小等交互。本章開始分享如何一步步從代碼設計，最後到如何在 NPM 上發佈。 請大家動動小手，給我一個免費的 Star 吧~ 大家如果發現了 Bug，歡迎來提 Issue 喲~ github源碼 示例地址 文檔 特別説明一下，此組件是基於 CSS 的 display: grid 的，並非全能型拖拉拽

組件庫 , vue3 , 拖拽 , typescript , 前端

收藏 評論

dtstack 頭像

袋鼠雲數棧 - 數棧技術分享：聊聊IOC中依賴注入那些事 (Dependency inject)

Part1: What is Dependency injection 依賴注入定義為組件之間依賴關係由容器在運行期決定，形象的説即由容器動態的將某個依賴關係注入到組件之中在面向對象編程中，我們經常處理的問題就是解耦，控制反轉(IoC)就是常用的面向對象編程的設計原則，其中依賴注入是控制反轉最常用的實現。目標解決當前類不負責被依賴類實例的創建和初始化。 Part2: What is

算法 , 數據庫 , ioc , 前端 , Javascript

收藏 評論

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

收藏 評論

daotin 頭像

Daotin - 個人博客的選擇之旅

大家好，我是前端隊長Daotin，想要獲取更多前端精彩內容，關注我(全網同名)，解鎖前端成長新姿勢。 以下正文： 背景 作為一個程序員，擁有一個個人博客，是沉澱知識，打造影響力的必備要素。但是因為現在的寫作平台實在是太多了，在選擇一個適合自己的博客的時候，就像買東西一樣，總是挑花了眼。每個博客平台各有各的優點和不足，這裏就我自己的一些想法和性格，對目前市面上的寫作平台做一個篩選，選出最適合自己的博

github , jekyll , 博客搭建 , 前端

收藏 評論

shishangdelianpen_cc7e4y 頭像

時尚的臉盆_cC7e4Y - js實現大數字求和

在現代編程中，處理超大數字常常會遇到限制，因為大多數編程語言的數字類型在存儲較大的整數時可能會溢出。為了解決這一問題，通常採用字符串表示法來處理大數字。在這篇文章中，我們將深入探討如何通過字符串實現大數字的求和，展示一個簡單而有效的 JavaScript 函數。 背景 在數學中，加法是最基本的運算之一，但對於超出機器數值範圍的數字，我們需要採取不同的方法。通過將數字表示為字符串，我們

前端

收藏 評論

invalidnull 頭像

註銷 - Chrome 開發者工具裏的 CSS grid editor

Grid 佈局與 Flex 佈局有一定的相似性，都可以指定容器內部多個項目的位置。但是，它們也存在重大區別。 Flex 佈局是軸線佈局，只能指定"項目"針對軸線的位置，可以看作是一維佈局。Grid 佈局則是將容器劃分成"行"和"列"，產生單元格，然後指定"項目所在"的單元格，可以看作是二維佈局。Grid 佈局遠比 Flex 佈局強大。 看個具體的例子： !DOCTYPE html html hea

css3 , grid , Css , 前端 , html5

收藏 評論

hellotech 頭像

哈囉技術 - Taro編譯mini-runner包的作用

什麼是Taro Taro 是一套遵循多端開發的解決方案。只需要一套代碼，就可以編譯轉換成 RN、H5、小程序、快應用多端的運行代碼，其運轉流程主要分為編譯時，運行時兩個階段。 Taro2（重編譯，輕運行） 編譯時：通過taro工具將Taro源代碼轉換成目標代碼 運行時：目標代碼運行時，通過運行時的庫去適配不同端 Taro3（輕編譯，重運行） Taro3主要通過在小程序端模擬實現 D

taro , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - Fluent Editor v3.25.0 正式發佈！2025年第一個版本，增加標題列表導航、分隔線、多圖多文件上傳等實用特性

本文由體驗技術團隊Kagol原創。 Fluent Editor是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://opentiny.github.io/fluent-editor/ 今天是2025年

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

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(5)——擴展的通用功能

vscode插件開發中文文檔教程(5)——擴展的通用功能 原文鏈接：Common Capabilities 作者：Microsoft 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展的通用功能 通用功能是構建擴展程

vscode插件 , typescript , 前端 , Javascript

收藏 評論

whyhw 頭像

yomua - Mobx學習

Preface MobX 已經存在 6.0 版本 相較於 5.0 版本，6.0 將默認禁用 5.0 版本的 decorate，它將使用新的 API 去替代 decorate. 參見：MobX EN 6.X 如果你想從 MobX 4.x/5.x 版本遷移到 6.x 版本…唔，我知道這在大型項目中很困難，所以我們提供了一個解決方法：MobX 6.x 版本（它在這段：M

mobx , 前端 , Javascript

收藏 評論

cipchk 頭像

cipchk - 小談 ng deploy 的實現

Angular CLI 在 8.3.0 發佈過一個新命令 ng deploy，可以將 Angular 應用部署到遠程服務器或雲存儲上面，例如：Firebase hosting、Azure、GitHub pages 等等，這也是算是 Angular CLI 最後一個將 Angular 應用從開發到部署打通全能選手工具了。 快速入門 這裏我以 ng-deploy-oss 為示例，演示如何將 Angul

ng-alain , angular , 前端構建 , 前端工具 , 前端

收藏 評論

sibendekaodigua 頭像

香椿烤地瓜 - 我應該如何選擇並使用IP數據庫評估不同地區的定位精度(⊙_⊙?)

我正在做全球業務拓展，在此項目真正落地的過程中，我才意識到： IP 數據不是“準或不準”的問題，而是“在什麼地區、什麼場景、用哪一種方式才合理”。我將使用三類主流IP數據工具IP數據雲、IPinfo、IPnews，通過實踐，來系統闡述如何使用不同IP數據庫，評估各地區IP地址定位精度的差異與使用邊界。 一、先明確：IP定位精度評估評的是什麼？ 在實際業務中，對ip定位精度的評估通常集中在以下維度：

數據庫 , 前端

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 前端開發，為什麼容易被邊緣化？

我們前端，可能是公司裏最卷的崗位之一。天天加班加點，追最新的技術棧，像素級還原設計稿，為了那100毫秒的性能提升死磕到底。 但不知道你有沒有過類似的感受：儘管我們做了這麼多，但在很多公司裏，我們總感覺自己處於食物鏈的下游？為什麼在討論核心戰略、分配項目獎金、甚至決定項目方向時，前端的聲音總是那麼微弱，甚至最先被排除在外？ 最近我和一些朋友聊起這個話題，並進行了一些思考。對於我們這個角色，在很多公司

程序員 , 前端

收藏 評論