博客 RSS 訂閱

老李説技術 - React中useContext的基本使用和原理解析

React 中 useContext 的使用方法 在 React 中,useContext 是一個內置的 Hook,用於在函數組件中輕鬆訪問 Context(全局公共狀態),避免了手動逐層傳遞 props 的複雜性。它依賴於 Context API,通過 Provider 提供數據,後代組件通過 useContext 消費數據。以下是詳細的使用方法和步驟,基於 React 官方指南和實踐經驗。 1

react , 知識 , Javascript

收藏 評論

兔子先森 - css滾動條不佔位-鼠標移入顯示,移出隱藏

鼠標移入顯示滾動條,移出隱藏 css滾動條一般是會佔位的 .container { overflow: hidden auto; ::-webkit-scrollbar { width: 0px; /* 控制滾動條整體寬度 */ } :hover { ::-webkit-scrollbar { width: 6px; /* 控制滾動條

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

收藏 評論

另類的剪刀 - SmartProxy – 企業級出站 Web 訪問與數據採集的安全可運營基座

面向企業的出站 Web 訪問與數據採集,安全與可運營缺一不可。HTTPS 代理以 CONNECT 隧道與端到端 TLS 為核心技術,構建清晰的加密邊界,實現可策略化、可審計、可擴展的訪問控制。結合 HTTPS 與 Socks5 分層策略,依託全球住宅 IP 與託管網絡,為覆蓋範圍、性能表現、可靠性保障與 SLA 承諾建立確定性優勢 1。 一句話價值主張 以 CONNECT + TLS 端到端

Javascript

收藏 評論

冴羽 - 10 個被嚴重低估的 JS 特性,直接少寫 500 行代碼

前言 最近逛 Reddit 的時候,看到一個關於最被低估的 JavaScript 特性的討論,我對此進行了總結,和大家分享一下。 Hi,我是冴羽,學習前端,歡迎圍觀我的“網頁版朋友圈”、踏上“前端大佬成長之路”。 1. Set:數組去重 + 快速查找,比 filter 快 3 倍 提到數組去重,很多人第一反應是 filter + indexOf,但這種寫法的時間複雜度是 O (n²),而 Set

ecmascript-6 , typescript , 前端 , Javascript

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第四十二篇)四語言“ascii返回轉碼對象和枚舉“

🤝 免罵聲明: 本文ascii返回轉碼對象和枚舉操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請

編程技巧 , JAVA , go , Javascript , Python

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第四十三篇)四語言“type獲取對象類型內存地址“

🤝 免罵聲明: 本文type獲取對象類型內存地址操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請

編程技巧 , JAVA , go , Javascript , Python

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第四十篇)四語言“len和迭代對象map,zip“對照表

🤝 免罵聲明: 本文len和迭代對象map,zip操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,

編程技巧 , JAVA , go , Javascript , Python

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第三十九篇)四語言“反轉和排序“

🤝 免罵聲明: 本文反轉和排序操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請理性溝通,但刪稿免

node.js , JAVA , go , Javascript , Python

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第三十八篇)四語言“filter內置函數計算“對照表

🤝 免罵聲明: 本文filter內置函數計算操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 ※ 温馨提示 若本內容不慎觸及某些利益,請理性

node.js , JAVA , go , Javascript , Python

收藏 評論

Andy Clarke - Smashing Animations Part 6: Magnificent SVGs With <use> And CSS Custom Properties

I explained recently how I use symbol, use, and CSS Media Queries to develop what I call adaptive SVGs. Symbols let us define an element once and then use it again and again, making SVG animations e

animation , Css , Design , svg

收藏 評論

ERP老兵_冷溪虎山 - Python/JS/Go/Java同步學習(第三十七篇)四語言“運算符_input和help“對照表

🤝 免罵聲明: 本文運算符_input和help操作經本蜀黎實戰整理,旨在提供快速參考指南📝 因各語言版本迭代及不同系統環境差異,偶爾可能出現整理不全面之處,實屬正常✅ 理性討論歡迎,無憑據攻擊將依據平台規則處理,並可能觸發內容自動備份傳播機制🙏! 若遇具體問題,請帶圖評論區留言,本蜀黎必拔碼相助🤝 往後部分章節極限打包壓縮,可能內容較多還望理解🙏

node.js , JAVA , go , Javascript , Python

收藏 評論

兔子先森 - uniapp微信小程序圖片上傳-預覽-刪除

貼幾個可在線訪問的圖片數據,圖片數據最好包含id、url、loading、success的狀態 分別對應: id === key url === url loading === 上傳中 success === 上傳成功的狀態 const imgList = ref([ { id:1, url: 'https://fastly.jsdelivr.net/npm/@van

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

收藏 評論

冴羽 - JavaScript 異步循環踩坑指南

1. 前言 在循環中使用 await,代碼看似直觀,但運行時要麼悄無聲息地停止,要麼運行速度緩慢,這是為什麼呢? 本篇聊聊 JavaScript 中的異步循環問題。 2. 踩坑 1:for 循環裏用 await,效率太低 假設要逐個獲取用户數據,可能會這樣寫: const users = [1, 2, 3]; for (const id of users) { const user = awa

node.js , ecmascript , typescript , 前端 , Javascript

收藏 評論

山間小僧 - 「NIO源碼」JavaNIO源碼 & JNI分析二:Java NIO源碼分析

沒看過的建議先看上一篇,本來打算講講linux內核,也看了一些書籍,可是c放了太久了,看代碼實在頭疼,就先放棄了,寫寫業務也沒必要卷這麼深吧。就講到調用底層api為止我覺得剛剛好。不太擅長將源碼結合講故事,所以整片略顯枯燥,將就看下吧~~ demo public class ServerConnect { public static void main(String[] args)

源碼學習 , nio

收藏 評論

龍騎士尹道長 - 一個關於React數據不可變的無聊問題

對於一個React的開發者來説不知道你有沒有想過為什麼React追求數據不可變這個範式; 一個月前我想過一個問題如果我在使用useState這個hooks的時候傳入的是一個改變後的引用類型對象會發生什麼? 例如: import {useState} from "react" function App() { const [list,setList] = useState([0,1,2])

react , 源碼學習 , 源碼分析 , Javascript

收藏 評論

肥仔John - React魔法堂:size-sensor源碼略讀

前言 echarts-for-react在對echarts進行輕量級封裝的基礎上,額外提供圖表尺寸自適應容器尺寸的這小而實用的功能,而這功能的背後就是本文想介紹的size-sensor了。 源碼介紹 size-sensor源碼十分精簡,主要是對原生APIResizeObserver方案和object元素方案進行檢測和API統一化而已。 代碼首先會檢測當前運行時是否支持原生APIResizeObse

react , 源碼學習 , echarts , Javascript

收藏 評論

寫做 - AST 初探深淺,代碼還能這樣玩?!

大家好,這裏是 菜農曰,歡迎來到我的頻道。我們今天的主題是 AST (抽象語法樹) AST 聽起來好像是個很新的東西,那麼具體有什麼用,好不好用就在這篇文章中找到答案吧~ 我們簡單將這個詞拆分抽象、語法、樹,如果我們能夠順利將這個詞拆分,那麼我們也就掌握了其核心所在 抽象:抽象的反義詞是具象,也就説明抽象的事物關注點不在於細節,而在於整體 語法:語法一組詞法的表達式,具備某種指定的規則,具有

源碼學習 , 代碼質量 , 後端 , 前端

收藏 評論

看見了 - 【ol】事件類型

本文主要學習openlayers的Event模塊相關源碼 BaseEvent Openlayers根據W3C DOM Level 2 Event接口簡化實現了自己的事件類,它只提供了type和target屬性以及preventDefault和stopPropagation方法。 class BaseEvent { /** * @param {string} type Type. *

源碼學習 , openlayers

收藏 評論

阿東 - 【RocketMq】RocketMq-NameServ 源碼分析(Ver4.9.4)

引言 RocketMq3.X的版本和Kafka一樣是基於Zookeeper進行路由管理的,但是這意味着運維需要多部署一套Zookeeper集羣,後來RocketMq選擇去ZK最終出現了NameServ。NameServ作為RocketMq源碼閲讀的切入點非常不錯,本文將會介紹Ver 4.9.4 版本的NameServ源碼分析。 NameServer主要有兩個功能,Broker管理和路由信息管理。

rocketmq , 源碼學習 , 消息中間件 , 源碼分析

收藏 評論

京東雲開發者 - Mybatis源碼解析之執行SQL語句

作者:鄭志傑 mybatis 操作數據庫的過程 // 第一步:讀取mybatis-config.xml配置文件 InputStream inputStream = Resources.getResourceAsStream("mybatis-config.xml"); // 第二步:構建SqlSessionFactory(框架初始化) SqlSessionFactory sqlSessionFac

源碼學習 , 數據庫 , SQL , 程序員 , Mybatis

收藏 評論

京東雲開發者 - Dubbo架構設計與源碼解析(二) 服務註冊

作者:黃金 一、Dubbo簡介 Dubbo是一款典型的高擴展、高性能、高可用的RPC微服務框架,用於解決微服務架構下的服務治理與通信問題。其核心模塊包含 【RPC通信】 和 【服務治理】 ,其中服務治理又分為服務註冊與發現、服務容錯、負載均衡、流量調度等。今天將重點介紹Dubbo的服務註冊與發現。 二、SPI機制 在介紹服務註冊發現之前,先簡單介紹一下貫穿整個Dubbo源碼,也是Dubbo實現自適

源碼學習 , 服務註冊 , dubbo , 微服務 , 架構設計

收藏 評論

NebulaGraph - 讀 NebulaGraph源碼 | 查詢語句 LOOKUP 的一生

本文由社區用户 Milittle 供稿 LOOKUP 是圖數據庫 NebulaGraph 的一個查詢語句。它依賴索引,可以查詢點或者邊的信息。在本文,我將着重從源碼的角度解析一下 LOOKUP 語句的一生是如何度過的。 本文源碼閲讀基於內核源碼的 v3.3.0 版本,詳見 GitHub https://github.com/vesoft-inc/nebula/releases/tag/v3.3.

源碼學習 , nebula

收藏 評論

黑客Roman - 【Python爬蟲項目實戰】Python爬蟲批量下載網易雲飆升榜音樂保存本地

前言 今天給大家介紹的是Python爬取音頻數據並保存本地,在這裏給需要的小夥伴們幫助,並且給出一點小心得。 開發工具 Python版本: 3.6.4 相關模塊: requests模塊 re模塊 os模塊 環境搭建 安裝Python並添加到環境變量,pip安裝需要的相關模塊即可。 爬蟲基本思路分析 1.頁面數據 瀏覽器中打開我們要爬取的頁面 按F12進入開發者工具,查看我們想要的數據在哪裏

批量下載 , 項目實戰 , 源碼學習 , python爬蟲 , 網易雲音樂

收藏 評論

田八 - 【源碼&庫】在調用 createApp 時,Vue 為我們做了那些工作?

在使用Vue3時,我們需要使用createApp來創建一個應用實例,然後使用mount方法將應用掛載到某個DOM節點上。 那麼在調用createApp時,Vue再背後做了些什麼事情呢?今天就來扒一扒Vue3的源碼,看看調用createApp發生了些什麼。 大家好,這裏是田八的【源碼庫】系列,Vue3的源碼閲讀計劃,Vue3的源碼閲讀計劃不出意外每週一更,歡迎大家關注。 首發在掘金,如果想一起

vue.js , 源碼學習 , 源碼 , 源碼分析 , Javascript

收藏 評論