tag 前端

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

@前端 / 博客 RSS 訂閱

linong 頭像

linong - 前端培訓-中級階段（22）- localStorage/sessionStorage本地存儲（2019-10-24期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 Storage Storage 提供了訪問特定域名下的會話級別或永久級別的存儲功能，例如，可以添加、修改或刪除存儲的數據項。 鍵值對是以字符串的形式存儲。且是同

sessionstorage , localstorage , 前端 , html5 , Javascript

收藏 評論

hooray 頭像

Hooray - 十款推薦你卸載的 VSCode 擴展

前言 做為一個非常喜歡 VSCode 的前端開發者，加上自己又是一個有一點點潔癖的處女座，我是對那些還在推薦過時擴展的文章表示及其不屑的。 排除掉部分水文，我也能理解並不是所有人都願意經常關注自己安裝的擴展。但在 VSCode 擴展市場裏，存在着大量下載量特別高，但其實不應該再被使用的擴展。因為這些擴展有的可能作者已經不再維護了，或者有的已經被 VSCode 內置了。 但官方顯然是不會幫我們標註出

插件 , 擴展 , visual-studio-code , 開發工具 , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - antd/fusion表格增加圈選複製功能

背景介紹 我們存在着大量在PC頁面通過表格看數據業務場景，表格又分為兩種，一種是 antd / fusion 這種基於 dom 元素的表格，另一種是通過 canvas 繪製的類似 excel 的表格。 基於 dom 的表格功能豐富較為美觀，能實現多表頭、合併單元格和各種自定義渲染（如表格中渲染圖形 / 按鈕 / 進度條 / 單選框 / 輸入框），以展示為主，不提供圈選、整列複製等功能。 canv

react , ant-design , table , 前端 , Javascript

收藏 評論

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - WebGIS 智慧城市可視化合集 | 圖撲數字孿生

智慧城市可視化建設不僅提升了城市管理的科技含量和效率，還促進了城市可持續發展，提升了居民的生活質量。隨着技術的不斷髮展和應用，智慧城市可視化建設將會更加豐富和完善，為城市發展帶來更加廣闊的前景。 效果展示 圖撲應用自研 HT for Web 產品搭建輕量化 GIS 智慧城市，一屏覆蓋城市運營、文化旅遊、城市治理、災害應急、智慧環衞、疾病防控等模塊。藉助先進的 HT 可視化技術，將不同領域的數據資源

地圖 , gis , 可視化 , 前端 , Javascript

收藏 評論

_58cdce09b309f 頭像

麗媛兒 - GridManager 表格的使用場景總結

GridManager 庫地址：http://gridmanager.lovejavascript.com/index.html 本文旨在説明 GridManager 的使用技巧，如果想了解其配置使用，詳見文檔説明 https://gridmanager.lovejavascript.com/api/index.html 1. 基礎使用—動態數據表格 export default class Ap

react , table , grid , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue自動導入插件重大升級，@opentiny/unplugin-tiny-vue1.0.0版本開啓單組件包引入新模式

近日，@opentiny/unplugin-tiny-vue 發佈了其重要的1.0.0版本更新，此次更新帶來了全新的單組件包引入模式，顯著提升了開發者的本地編譯效率以及整個項目的構建速度。 在之前的版本中，開發者需要一次性加載整個TinyVue 庫，這個不僅增加了初始時間，也使得項目構建過程變得相對緩慢。然而，隨着新版本的發佈，這一問題得到了有效的解決。通過引入單組件包模式，開發者現在可以根據實際

vue.js , 組件庫 , 開源 , 前端

收藏 評論

u_16213654 頭像

mob64ca14095513 - vue虛擬化選擇器實現原理

VNode 在vue中定義了一個VNode類，使用它可以實例化不同類型的vnode，而不同類型的vnode實例各自表示不同類型的DOM元素。 VNode作用 每次渲染視圖的時候都會new一個VNode的實例化對象，然後他會緩存上一次渲染視圖。因此當需要重新渲染視圖的時候，將新創建的new_node實例對象和上一次的實例對象old_vno

vue虛擬化選擇器實現原理 , vue.js , 虛擬化 , 雲計算 , 緩存 , 前端

收藏 評論

shengmingbuxi_5c1152527848f 頭像

豬哼哼 - javascript執行過程(es6)

蕪湖 用了點時間把執行過程的各個知識點都梳理了出來，簡直了。真滴是，我上一次梳理知識點還是es5時期，沒想到es6變化那麼多，不過萬變不離其宗，不怕，勇敢牛牛不怕困難。我先把腦圖放出來，抽空我慢慢更新這篇文章。 歡迎各位大佬指點。 點擊去倉庫看 最後一次編輯時間:2022-05-11 03:05

原理 , 前端 , Javascript

收藏 評論

rexindezicai_ema39t 頭像

Addison - 實戰分享：如何打造高承載、低延遲的 Web 端“3D 數字孿生”可視化大屏（附在線演示）

🚀 前言：從二維圖表到三維空間 在工業 4.0 和智慧城市的浪潮下，傳統的二維數據大屏（餅圖、柱狀圖）已經難以滿足複雜的管理需求。管理者不僅需要看到“數據”，更需要看到數據在物理空間中的位置和狀態。 作為一名專注於 3D 呈現與數字孿生定製 的開發者，今天結合我們最新的落地案例，分享一套基於 WebGL 技術的高性能可視化解決方案。 🎨 效果演示 首先直觀地看下最終交付的效果。這是一個純 We

three.js , 數據可視化 , 3d , 數字孿生 , 前端

收藏 評論

ni_5e1946a1c2171 頭像

叻妮 - 前端緩存機制

什麼是緩存？ 緩存可以認為是資源的副本。它與本地緩存localStorage等不一樣，本地緩存更多的是數據記錄，數據量小；而緩存是為了減少請求，多用於文件，存儲量大。 前端緩存主要可以分為http緩存和瀏覽器緩存。 這裏先解釋一下後面會出現的詞 命中緩存：訪問的數據在緩存中 http緩存 什麼是http緩存 http緩存其實就是：當客户端向服務器端發送請求的時候，會先訪問瀏覽器緩存

緩存 , http緩存 , 瀏覽器緩存 , 前端

收藏 評論

fehaha 頭像

HaHa - safari 新時代的IE? —— file input的onChange時間不觸發的問題 iOS12

先看看別人的回答:javascript-file-input-onchange-not-working-ios-safari-only 大概裏面是説 你的input必須要存在在dom中 使用addEventListener而不是input.onchange = xxx 但是我的情況都不是上述兩種之一。 由於一些原因，我是使用了input.click()來手動模擬點擊 觸發文件選擇。 而這種

input , safari , ios12 , fileupload , 前端

收藏 評論

er_5ca0f5e1ce9ab 頭像

汶二 - onetools.online 新功能更新<版本2>

https://onetools.online/新增7個類型工具，並優化了文本對比工具的實現，文本對比工具使用了Monaco Editor，有些資源需要依賴外網，如果加載不出來開下VPN翻牆。 一、IP地址查詢工具 包含IP地址查詢、域名IP查詢、和域名Whois信息查詢三個工具，居中顯示你的IP地址和地理位置信息。實時檢測IP地理位置、域名解析IP及完整Whois信息。支持Country

react , node.js , next.js , Css , 前端

收藏 評論

wmuhua 頭像

沐華 - 看完還不懂JavaScript執行機制(EventLoop)，你來捶我

上一篇文章介紹了進程與線程，知道渲染進程都有一個主線程，並且主線程工作很多，要處理DOM、計算樣式、佈局、還有鼠標、鍵盤等各種JS任務 我們都知道JS是單線程，任務只能一件一件地執行，那麼瀏覽器是怎麼讓這麼多類型的任務在主線程上有條紊地執行的呢？ 這就需要任務隊列和事件循環了 任務隊列(消息隊列) 什麼是任務隊列呢？ 它是一種數據結構，存放要執行的任務。然後事件循環系統再以先進先出原則按順序執行隊

eventloop , 事件循環 , 事件 , 前端 , Javascript

收藏 評論

vivotech 頭像

vivotech - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。 1分鐘看圖掌握核心觀點👇

前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端AI流式輸出深度思考<think>標籤分割

假如我們有這麼一段ai回覆的內容 let text = "think\n好的，用户想了解如何判斷手機攝像頭是否是湊數的，希望我用直白易懂的語言來解釋。這個問題需要從實用角度出發，幫助用户識別那些功能冗餘或性能低下的攝像頭。\n我看到的搜索結果提供了很多有價值的信息。根據，湊數攝像頭通常是指那些功能可以被其他攝像頭或算法替代的鏡頭，比如低像素的景深或微距鏡頭。進一步解釋瞭如何通過反證法來判斷：如果去

react , vue.js , HTML , 前端 , Javascript

收藏 評論

dewujishu 頭像

得物技術 - 得物複雜 C 端項目的重構實踐

1. 背景 1.1 重構 Q：什麼是重構？ 重構是在不改變軟件可觀察行為的前提下，改善其內部結構。--《重構 - 改善既有代碼的設計》 Q：為什麼要重構？ 重構可以提高理解性和降低修改成本 。--《重構 - 改善既有代碼的設計》 Q：什麼時候重構？ （1）何時不應該重構？ 沒有價值，沒有意義或者投入產出比很低時。團隊資源是有限的，有限的資源應該儘可能投入到有意義的事情上去。從團隊的角度考慮投

項目 , 大前端 , 實踐 , 重構 , 前端

收藏 評論

zhuifengdekaomianbao 頭像

張老師講數字孿生 - 能級躍遷！數字孿生從可視化邁向智能決策

2025年第三季度，浙江省數字孿生水利平台在防汛防颱中發揮關鍵作用，通過精準推演洪峯演進軌跡，提前72小時預測淹沒範圍，指導人員轉移，使應急響應效率提升50%以上。這一成功實踐，體現了數字孿生技術從 “精準映射”到“智能干預” 的能級躍遷。 數字孿生技術已從簡單的三維可視化和狀態監測，演進為具備預測預警和自主決策能力的智能系統。其能級躍遷的核心在於突破了靜態映射的侷限，實現了感知、分析、決策、控制

數字化轉型 , 人工智能 , 深度學習 , 後端 , 前端

收藏 評論

kagol 頭像

Kagol - 讓我們一起來建設 Fluent Editor 開源富文本編輯器吧！👏

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://openti

富文本編輯器 , 開源 , typescript , 前端

收藏 評論

hellotech 頭像

哈囉技術 - React hooks原理淺談

react的工作流程 fiber是react的基本工作單元，所有的操作都要基於它實現。其實fiber就類似一個個element元素，react的工作流程其實就是遍歷fiber tree。 performUnitOfWork函數會執行當前的fiber節點，然後把這個fiber的子節點賦值給workInProgress，當子節點不存在時，就把兄弟節點賦值給workInProgress。 上層的wo

react-hooks , 前端

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 互動玩法任務平台介紹

作者：京東科技 雷自海 一、概述 任務平台是科技內各業務方開展互動玩法的中心化平台，支撐科技內拉新、促活、交易等業務場景，包含基礎任務、基於任務的通用活動玩法和業務投放能力。提供了任務玩法的創建、投放、曝光、完成等全生命週期的精細化管理，打造了基於任務的裂變、時間軸等通用活動玩法的規則化運營，致力於提升在多場景、多玩法、多頻次的業務投放能力。任務中心主要戰場是金融APP，目前日均500W的完成量，

框架 , 架構 , 架構模式 , 流程 , 前端

收藏 評論

jsliang 頭像

jsliang - 前端都在聊什麼 - 第 2 期

Hello 小夥伴們早上、中午、下午、晚上、深夜好，我是愛折騰的 jsliang~ 「前端都在聊什麼」是 jsliang 日常寫文章/做視頻/玩直播過程中，小夥伴們的提問以及我的解疑整理。 視頻同步：https://www.bilibili.com/vide... 本期對應 2023 年的 01.16-01.31 這個時間段。 本期針對「規劃」「工作」「學習」「閒談」這 4 個板塊進行了討論

求職 , 前端工程師 , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 網站必須安裝SSL證書？有免費的ssl證書嗎？

一：什麼是SSL證書？ SSL證書是一種數字證書，為互聯網通信提供加密服務，確保傳輸數據的隱私、安全和完整性。當一個網站安裝了SSL證書後，它的URL會以"https://"開頭，而不是"http://"，這表示該網站提供了更加安全的訪問環境。簡單來説，數字證書就是一個證明憑證，類似於司機的駕駛執照或日常生活中的身份證。 二：必須安裝SSL證書嗎 安裝SSL證書並不是絕對的法律或技術上的強制要求，

後端 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 02_02漸變色linearGradient使用説明

本文是對很早一篇文章 《[[highcharts] 02_回調函數實現高級顏色漸變]》的補充(https://segmentfault.com/a/1190000041028581) 先貼個數據的實例 stockOptions.series = { data: [2, 9, 13, null, 50, 17, 19], fillColor: { linearGradient:

highcharts , 前端

收藏 評論