tag 前端

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

@前端 / 博客 RSS 訂閱

heeroluo 頭像

MrLuo - 品牌色功能迭代方案

最近產品經理希望在 B 端後台系統中增加品牌色功能，突顯客户的企業特色。從技術上説，整個流程是非常簡單的： 在配置中心為某個客户配置品牌色（十六進制顏色值）。 後台系統初始化時，通過後端接口讀取配置的品牌色。 把品牌色寫入為根元素的 CSS 變量。 核心流程代碼如下： const response = await fetch('/api/get-brand-info'); const d

scss , Css , 前端

收藏 評論

f20171110 頭像

用户新 - 五萬字瀝血事件 深度學習 事件 循環 事件傳播 異步 脱離新手區 成為事件達人

一 、事件的綜述 ​ 首先需要了解幾個術語： 宿主環境：將js引擎作為一個組件包含在內，並且為它提供運行所需的資源的外部系統。 ​ 就是説，宿主環境提供了所有的資源，比如網絡 文件 渲染 各種功能接口等等，沒有了宿主環境， js引擎就是光桿司令，它就只能空轉，做不了任何事情。 宿主對象：所有不是由 JS 語言本身定義的、而是由環境提供的對象/功能/api，都叫宿主對象。 比如 Fetc

前端

收藏 評論

codeoop 頭像

爽蟈蟈 - package.json，你知道多少？

今天來看看前端的大管家package.json文件相關的配置，充分了解這些配置有助於我們提高開發的效率，規範我們的項目。 在每個前端項目中，都有package.json文件，它是項目的配置文件，常見的配置有配置項目啓動、打包命令，聲明依賴包等。package.json文件是一個JSON對象，該對象的每一個成員就是當前項目的一項設置。 當我們搭建一個新項目時，往往腳手架就幫我們初始化好了

package.json , 前端

收藏 評論

qaz666 頭像

可不簡單 - vue 表格 vxe-table 開啓篩選、excel 篩選框列表樣式

vue 表格 vxe-table 開啓篩選、excel 篩選框列表樣式，通過設置列的 filterRender.name = 'FilterAggregation'啓用組合篩選功能 https://vxetable.cn template div vxe-grid v-bind="gridOptions"/vxe-grid /div /template script setup

前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 03_從highcharts內向上層傳遞參數

描述: 要求點擊highcharts中的某個元素，如下圖中的藍色bubble，點擊藍色bubble將“匯添富創新未來18個月”這個參數傳遞到父元素中，父元素中有一個表格展示所點擊的bubble對應基金的詳情。 這就要求在點擊事件發生時，把參數傳遞到上一層。 下面以跳轉為例，説明如何傳遞參數 （跳轉：傳遞基金的參數，父元素處理，跳轉到指定基金的頁面） 我們在vue的meth

highcharts , 參數傳遞 , 前端

收藏 評論

poetries 頭像

前端進階之旅 - Github上整理的日常發現的好資源

收錄日常發現的好的文章和資源 緩解疲勞的網站 Calm donothingfor2minute A Soft Murmur 時間筆記項目管理 為知筆記 番茄時間管理 奇妙清單-解決問題：明確每日工作目標和清單 高效To Do-解決問題：每日待辦的輕重緩急一目瞭然 堅果雲-解決問題：工作資料的同步

資源列表 , github , 筆記 , 前端

收藏 評論

junxiudetuoba 頭像

伊伊DK - 用技術撬動本地流量：基於UniApp+ThinkPHP構建同城圈子小程序的全棧源碼

在本地生活服務賽道愈發擁擠的今天，“同城圈子”成為連接用户、商家與本地資源的核心載體 —— 從社區社交、探店打卡到便民信息發佈，同城場景的流量價值正被持續放大。但對創業者而言，技術開發門檻高、跨端適配難、系統穩定性不足等問題，往往成為搶佔本地市場的 “攔路虎”。 技術選型：為什麼是 UniApp+ThinkPHP？同城創業的技術最優解 前端：UniApp—— 一次開發，全端覆蓋，

php , 後端 , 前端

收藏 評論

xutongbao 頭像

徐同保的博客 - styled-components樣式媒體查詢如何書寫

import styled from 'styled-components' const Title2 = styled.div` color: #fff; position: absolute; font-size: 30px; top: 50%; transform: translateY(-50%); marg

Css , 前端開發 , HTML , 前端 , Javascript

收藏 評論

u_16213707 頭像

mob64ca1415f0ab - jQuery on舉例

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。 live() 方法在 jQuery 版本 1.7 中被廢棄，在版本 1.9 中被移除。 on() on() 方法在被選元素及子元素上添加一個或多個事件處理程序。 使用 on() 方法添加的事件處理程序適用

添加事件處理程序 , 事件處理 , jquery , 前端開發 , jQuery on舉例 , 前端

收藏 評論

gptmirrors 頭像

GPTMirrors - JS 實現指定 UA 訪問網站跳轉彈窗提醒，解決夸克等瀏覽器兼容性問題

在近期的網站使用過程中，我們發現來自部分移動端瀏覽器（尤其是 夸克瀏覽器、UC 瀏覽器、百度 APP 內置瀏覽器、微信內置瀏覽器）的訪問量雖然不低，但這些瀏覽器在解析網頁腳本、CSS 動畫、內嵌組件等方面存在一定兼容性問題，導致頁面在這些環境中出現： 佈局錯亂 按鈕點擊無反應 JS 邏輯異常 視頻、音頻組件無法正常加載 這些問題嚴重影響了用户體驗。經過多次調試和對比測試，我們最終決定對

前端 , Javascript

收藏 評論

qianduanka 頭像

前端咖 - Class類，你真的瞭解嗎

定義 類class是面向對象程序設計實現信息封裝的基礎。類是一種用户定義的引用數據類型，也稱類類型。每個類包含數據説明和一組操作數據或傳遞信息的函數。類的實例稱為對象。 構成 類由類名、構造函數、屬性、方法組成。屬性、方法屬於成員，可以分為公共成員，保護成員、私有成員。 定義類 聲明一個僅有類名的類。 classYear{ constructor(){ } } //簡寫 classYear{ }

ecmascript-6 , 面試 , function , class , 前端

收藏 評論

_5bf4c360ce464 頭像

痞痞鰕 - vue2子組件中定義的data為什麼必須是一個function

是什麼 需求：現在我們需要在一個組件中定義一個name變量，並且把這個變量顯示在界面上，代碼： template div {{ name }} /div /template script export default { data() { return { name: 'syz' } } } /script 那麼問題來了，為什麼組件中的data

vue.js , function , 前端 , Javascript

收藏 評論

xishui_5ac9a340a5484 頭像

夕水 - React Server Components 中的嚴重安全漏洞

本文翻譯自原文地址。 React Server Components 中的嚴重安全漏洞 2025年12月3日，由 The React Team 發佈 React Server Components 中存在一個未經身份驗證的遠程代碼執行漏洞。 我們建議立即升級。 11月29日，Lachlan Davidson 報告了 React 中的一個安全漏洞，該漏洞允許未經身份驗證的遠程代碼執行，通過利用 Re

react , 前端

收藏 評論

shuirong1997 頭像

林水溶 - 中日文字異常問題分析和三種解決方案

異常現象 對於相同的文字「將來」 Unicode 對應：\u5c06\u6765 中文用户反饋在網頁上看到了日文漢字，關注「將」 日文用户反饋在網頁上看到了中文漢字，關注「將」 用户預期： 中文用户看到中文的漢字 日文用户看到日文的漢字 為什麼會有這種中日用户看到錯誤的文字問題呢？ 其實跟字符的 Unicode 有關係 首先看這兩張圖：

fonts , Css , unicode , 前端

收藏 評論

opentiny 頭像

OpenTiny社區 - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

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

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

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue v3.17.0 正式發佈，推出了一款基於 Quill 2.0 的富文本編輯器，功能強大、開箱即用！

本文由體驗技術團隊Kagol老師原創~ 我們非常高興地宣佈，2024年6月26日，TinyVue發佈了v3.17.0🎉。 TinyVue 每次大版本發佈，都會給大家帶來一些實用的新特性，上一個版本我們重構了 chart-core，新增 CircleProcessChart 圓環進度圖等6個新的圖表組件，並增加了 Statistic 數據統計組件。 TinyVue 3.15.0 正式發佈，推

vue.js , 組件庫 , 開源項目介紹 , 前端 , Javascript

收藏 評論

tianmiaogongzuoshi_5ca47d59bef41 頭像

天渺工作室 - 谷歌瀏覽器自帶翻譯的詭異Bug：ID翻譯後竟然變化了

當前負責的項目主打海外業務，總免不了和多語言打交道。但最近我在Vite+Vue3+Element Plus技術棧的項目裏，遇到了一個堪稱“玄學”的bug——Chrome瀏覽器自帶翻譯功能，居然能把表格裏的數字ID直接改了！從印度同事到國內運營，兩次觸發都讓我摸不着頭腦，今天把整個過程記錄下來，求大佬們看看這到底是怎麼回事。 一、兩次“詭異漂移”：翻譯按鈕成了ID篡改器 我們的後台管理系統很明確：部

vue.js , chrome , 翻譯 , 前端

收藏 評論

hex 頭像

Hex - Arco Design 停擺！字節跳動 UI 庫涼了？

1. 引言：設計系統的“寒武紀大爆發”與 Arco 的隕落 在 2019 年至 2021 年間，中國前端開發領域經歷了一場前所未有的“設計系統”爆發期。伴隨着企業級 SaaS 市場的崛起和中後台業務的複雜度攀升，各大互聯網巨頭紛紛推出了自研的 UI 組件庫。這不僅是技術實力的展示，更是企業工程化標準的話語權爭奪。在這一背景下，字節跳動推出了 Arco Design，這是一套旨在挑戰 Ant Des

技術選型 , 字節跳動 , 互聯網 , 前端

收藏 評論

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】Dev篇——useTrackedEffect 和 useWhyDidYouUpdate

前言 本文是 ahooks 源碼（v3.7.4）系列的第六篇——Dev 篇，該篇主要是協助開發調優的 Hook，只有兩個 往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM 篇（一）：useEventListener、useClickAway、useDocumentVisibilit

react , hooks , 前端

收藏 評論

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（四）

前言 本文是 ahooks 源碼（v3.7.4）系列的第五篇，也是 DOM 篇的完結篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM 篇（一）：useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag

react , hooks , 前端

收藏 評論

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

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

收藏 評論

u_12192 頭像

angel - Rust入門系列（一）

目錄 引言 1. Rust Web開發生態概覽 1.1 為什麼選擇Rust進行Web開發？ 內存安全 零運行時開銷 併發安全 1.2 Rust Web開發生態系統 編輯 2. Tokio異步運行時：高併發的基石 2.1 Tokio核心概念 任務系統 執行器 反應器 通道

開發語言 , rust , 高性能Web服務 , 後端開發 , 異步編程 , 前端 , Python

收藏 評論

beckyyyy 頭像

beckyyyy - antd 上傳文件組件在表單回顯時不顯示下載按鈕

之前需求方提出説想要給表單上傳的文件增加預覽功能，原來點擊展示列表中的文件時，docx文件會啓動下載，而pdf會啓動新的tab頁進入預覽，所以最好是統一處理。 因為我對Upload組件用的不多，對它不夠了解，所以一開始我想着從fileList下手，不用Upload默認的展示列表，經過多番嘗試發現有點麻煩，於是打開官網文檔研究，才發現原來文檔裏已經提供了相關的功能，原來點擊文件的展示列表默認的動作是

upload , 上傳文件 , ant-design , antd , 前端

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 從 HTTP/1.1 到 HTTP/3

從 HTTP/1.1 到 HTTP/3，解決了一些舊協議的問題，引入了好用的新功能。 HTTP/1.1 HTTP/1.1 通過在傳輸層和應用層之間增加 SSL/TSL 解決數據不安全的問題，但它本身還有一些其它的不足。 同一時間，一個連接只能對應一個請求，針對同一個域名，大多數瀏覽器允許同時最多6個併發請求 只允許客户端主動發起請求，一個請求只能對應一個響應 同一個會話的多次請求中，頭信息

http3 , http-2 , HTTP , 網絡傳輸協議 , 前端

收藏 評論