收藏 / 列表

點墨 - antd的選擇框如何增加tab選中

antd的選擇框默認是不允許tab選中的,如果有這種需求,那麼需要修改源碼。 經過分析,antd的選擇框使用的是rc-select,將node_modules裏的rc-select/lib/OptionList.js和rc-select/es/OptionList.js裏增加Tab即可。(注意:每次npm install,rc-select都會變動,需要重新覆蓋,如果更新了antd版本,需要

react , select

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

前端路引 - Web前端入門第 84 問:JavaScript sessionStorage 那些容易踩坑的地方

sessionStorage 與 localStorage 差不多可以算作一對兄弟,它倆的暴露的 API 方法一模一樣。 但兩者也有不同點: 1、sessionStorage 存入的數據在頁面關閉後,會自動清除。 2、相同 URL 的每個 tab 頁籤的 sessionStorage 會被隔離,互不影響。也就是説相同的鏈接,在 A 標籤頁打開和在 B 標籤打開,A 寫入的 sessionSt

前端 , Javascript

後山人 - 迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備”

迎接下一個繁榮浪潮:程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場,程序員羣體正經歷前所未有的挑戰。然而,歷史經驗表明,每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機,程序員不能僅憑技術能力,更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”,指導程序員如何從“代碼執行者”轉型為“價值創造者”

vue.js , php , Javascript

微芒不朽 - Linux 服務器磁盤滿了?教你快速找到大文件,安全刪掉不踩坑!

1. 磁盤空間檢查基礎命令 1.1 查看磁盤使用情況 # 查看所有掛載點的磁盤使用情況 df -h # 查看指定目錄的磁盤使用情況 df -h /home 1.2 查找大文件和目錄 # 查找當前目錄下大於100MB的文件 find . -type f -size +100M -exec ls -lh {} \; # 查找根目錄下大於1GB的文件 find / -type f -size +

Linux

DiracKeeko - [axios] axios中post請求的發送

接上文[《[axios] axios中get請求的發送》](https://segmentfault.com/a/1190000043982778) 針對post請求,建議下面這兩種 1、axios(config) (建議使用) 舉例: axios({ method: 'post', url: '/fund/info', data: { fundId: "00000

Ajax , Axios , httprequest , 前端

Apifox - 發現 HTTP 和 RPC 的不同之處:技術洞察

隨着互聯網技術的發展,網絡通信在各種應用中扮演着至關重要的角色。無論是構建 Web 應用還是進行服務之間的交互,選擇合適的通訊協議成為開發者們需要深入思考的問題。在眾多協議中,HTTP(HyperText Transfer Protocol)和 RPC(Remote Procedure Call)因各自獨特的特點和優勢而備受關注。那麼,它們之間有何不同,又該如何在實際項目中做出選擇呢? 什麼是 H

HTTP , rpc , 程序員 , 後端 , 前端

銀之夏雪 - 從底層到實踐:深度解析 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 , 前端

OpenTiny社區 - 老闆要排名可視化?我反手甩出TinyChart 排名進度圖

本文由張顥嚴同學原創。 前言 OpenTiny HUICharts 是一套功能強大的前端可視化圖表庫,提供豐富的圖表組件、支持 Vue、React、Angular 等主流前端框架,並內置多套主題且可靈活定製,同時完全兼容 ECharts API,使開發高性能、響應式的數據可視化應用變得簡單便捷。 RankProcessChart 基於 HUICharts 開發,專門用於展示排名及流程類數據的可視化

圖表庫 , 前端

泯瀧 - 在企業環境中正確使用 Node.js 的九大原則

鏈接:https://www.platformatichq.com/node-principles 作者:James Snell 等 原標題:9 Principles for Doing Node.js Right in Enterprise Environments Node.js 為超過 630 萬個網站和無數的 API 提供支持,是包括沃爾瑪和網飛在內的現代應用程序的有效基石。每年

node.js , npm , HTML , 前端 , Javascript

懟懟 - 【js】異步迭代器(async Iterator)

異步迭代器(async Iterator) 同步迭代器 異步迭代器 for await...of 異步生成器函數 yield*語句 1.同步迭代器 普通的迭代器生成函數在被調用後會返回一個迭代器對象,可以去調用迭代器上的next方法 next方法一旦執行,就必須同步地得到一個狀態對象,{value,done} //迭代器生成函數 function makeIterat

async , iterator , generator , Javascript

zsirfs - 深入一點 - JS 函數為什麼可以這樣操作

原文: https://zswfx.com/articles/5dc8f64a9cf7c17b240e5c6c 我們經常在函數參數裏面使用如下操作 Array.prototype.slice.call(arguments, 1), 這樣的操作,類似還有 Object.prototype.toString.apply(o)這種操作,為什麼可以這樣玩呢? 前言 我們經常通過數組的方法去操作類數組,還會

javascript專題系列 , Javascript

破曉L - 瞭解關鍵區別:await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面,它使我們能夠處理耗時的操作,而不會阻塞其他任務的執行。使用異步函數時,我們會遇到三個重要的關鍵字:await 、return、return await。在本文中,我們將探討這些關鍵字之間的差異,並討論何時使用每個關鍵字。 在深入探討細節之前,讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數,可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

zhanle_huang - highchart的(column)柱狀圖修改圖例

(highchart的(column)柱狀圖修改圖例) 情況説明 柱狀圖的圖例默認是圓點的,如圖 要修改成方形,可以採用如下形式 plotOptions: { column: { tooltip: { pointFormat: `span style="color:{point.color}"\u25A0/span {series.n

vue.js , highcharts , 前端 , Javascript

賀公子 - Rokid vs Nreal 虛擬拍照開發實現

Rokid vs Nreal 虛擬拍照開發實現 本文將對 Rokid Glasses 與 Nreal Glasses 在虛擬拍照應用開發中的實現方案進行對比與總結,涵蓋硬件配置、開發環境、FOV 場景搭建、拍照實現核心步驟、性能優化、異常處理,以及 Glasses的SDK實現。文末提供一份對比表,幫助開發者快速選擇與兼容。 一、硬件與連接配置 設備參數對比 多平台配對

JAVA

你好2007 - React 如何添加路由懶加載

主體説明 我們會把流程分成兩步:『配置路由』和『添加懶加載』。 如果你知道路由,或者已經配置好了,可以直接跳轉到『添加懶加載』 配置路由 react有兩個包react-router和react-router-dom,如果只是h5開發,選擇後者即可。 安裝依賴 因此,我們首先安裝好需要的路由包: npm install --save react-router-dom 配置 比如我們有兩個頁面page

react , lazyload , jsx , route , 前端

追風的苦咖啡 - OV證書的組織身份驗證需要提供哪些材料?

OV 證書(組織驗證型 SSL 證書)的核心價值在於通過嚴格的身份驗證建立網站與企業實體的關聯,其驗證標準由國際 CA/Browser Forum(CA 瀏覽器論壇)統一規範,所有合規 CA 機構(如 DigiCert、Sectigo、GlobalSign 等)均需遵循。驗證流程可分為組織身份驗證、域名所有權驗證和補充交叉驗證三大核心環節,每個環節都有明確的審核標準,具體如下: https://

觀點 , webkit , 教程 , Javascript

李遊Leo - 你可能不敢想象,2025 年,jQuery要更新到 4.0 了

讓人難以置信的是,jQuery,這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫,至今仍在更新。自從 2006 年 8 月震撼亮相以來,它已走過了長達 19 年的路程。還記得麼?他的作者是:John Resig,這個年輕的小夥子也變成老大叔了。 而現在,即便在 React、Vue 這樣的現代框架盛行的今天,或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

南城FE - 炫酷鼠標懸停隨機漸變文本動畫效果

如圖所示,這是一個很炫酷的鼠標懸停動畫效果,卡片的文字隨着鼠標的移動不斷變化着,且文字的顏色伴隨着漸變色跟隨鼠標移動,中心部分是突出的LOGO效果,整個交互效果十分引人注目。原效果來源於 evervault.com/customers 這個網站,有興趣的可以體驗看看~ 本次文章將解析如何用代碼實現這個效果,根據上面的動圖分析出我們要實現的幾個主要功能點: 卡片在鼠標懸停時出現漸變隨機文字

css3 , 動畫 , Css , 前端

beckyyyy - 單頁應用的優缺點

上月面試海康威視的一道面試題。 單頁應用,即常説的SPA,Single Page Application,從名稱上就可以看出它最大的特點,就是單頁面,即只有一個頁面;相對的就是多頁面,即MPA,Multi-Page Application。 在多頁面的情況下,我們在切換不同頁面時,需要向服務器發送多次請求來獲取不同頁面內容,在獲取到內容後,整個瀏覽器視口需要被重新渲染,而等待服務器的響應需要一定的

單頁應用 , 面試問題 , spa , 前端 , Javascript

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務,第一次在小程序上開發地圖,既興奮又忐忑。還好,雖然小程序地圖的 API 功能有些少,但是基本的需求都能覆蓋到。 在這裏,對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位,但缺乏示例代碼,第一次搞還是有點迷糊的。網上的文章又寫得七零八落,沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序,因

地圖開發 , 小程序 , typescript , 前端 , Javascript

雲魚 - 19年前端筆試題小結(一)

什麼是web標準? WEB標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為 (Behavior)。 對應的標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行為標準主要包括對象模型(如 W3C DOM)、ECMAScript等。這些標準大部分由W3C起草和發佈

筆試 , Css , 前端 , html5 , Javascript

轉角處的湯姆 - 前端堆棧存儲:深入理解與應用

在前端開發中,堆棧存儲(Stack Storage)是計算機科學中的一個基本概念,它在許多編程場景中都有着廣泛的應用,尤其是在處理函數調用、遞歸操作以及維護數據的順序時,堆棧起着至關重要的作用。 本文將帶你深入瞭解前端堆棧存儲的概念、實現方式,以及在實際開發中的應用。 目錄 什麼是堆棧? 堆棧的工作原理 在前端中使用堆棧存儲 堆

深度優先搜索 , Stack , 堆棧 , 前端開發 , Javascript

月恆 - Chrome 133 版本開發者工具(DevTools)更新內容

Chrome 133 版本開發者工具(DevTools)更新內容 一、持久化的 AI 聊天記錄 AI 助手面板會在本地持久化聊天記錄,即使重新加載 DevTools 或 Chrome,也可以查看之前與 Gemini 的對話內容。 二、Performance 面板改進 此版本為 Performance 面板帶來了多項改進。 1. 圖像交付洞察 Performance Insights 選項卡可以

chrome , 瀏覽器 , chrome-devtools , 前端