收藏 / 列表

sam-poder 頭像

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

michelle-barker 頭像

Michelle Barker - Sustainable Web Development Strategies Within An Organization

Sustainability is rightly becoming more widely discussed within the web development industry, just as it is an increasing concern in the wider public consciousness. Many countries around the world h

performance , optimization , User Interaction

u_16099229 頭像

架構設計師之光 - 如何焊接一個LED音樂頻譜電子DIY LED閃光套件

我喜歡完成的電子套件，我可以在這裏專注於完成-通常是來自遠東的物美價廉的小玩意。我給自己買了一個音樂頻譜計，在連接到高保真音響系統或智能手機後，3.5英寸插孔上的聲音可以讓LED動起來。LED燈的閃爍取決於歌曲的節拍。 規格 •工作電壓：5V USB供電 •信號接入方式：3.5音頻線輸入音頻信號 •安裝方式：DIY焊接組裝 •尺寸：1

電路圖 , 智能手機 , 故障排除 , Css , 前端開發 , HTML

wadelau 頭像

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

ddup365 頭像

specialcoder - 認識包管理工具： npm、yarn和pnpm

包管理工具的發展 2010 年 1 月，一款名為 npm 的包管理器誕生。它確立了包管理器工作的核心原則。 npm 的發佈誕生了一場革命，在此之前，項目依賴項都是手動下載和管理的。npm 引入了文件和元數據字段，將依賴項列表存儲在 package.json 文件中，並且將下載的文件保存到 node_modules 文件夾中。 後來因為 npm 的缺陷或者舊版本的不足，又出現了一個個替代

工程化 , npm , 前端

u_16099346 頭像

雲端築夢者 - 紅黑樹原理和C++實現

前言：在計算機科學領域，數據結構的選擇直接決定着算法性能的巔峯。紅黑樹——這一被譽為"最優雅的平衡二叉搜索樹"，憑藉其嚴格的平衡約束和穩定的對數級時間複雜度（O(log n)），已成為高性能系統的核心支柱。從Linux內核的進程調度到C++ STL的map容器，從數據庫引擎的B+樹後備存儲到實時系統的內存管理，紅黑樹的身影無處不在。

數據結構 , 算法 , 開發語言 , c++ , 前端開發 , 後端 , Javascript

zara-cooper 頭像

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce

hai2007 頭像

你好2007 - Git版本管理工具常用命令整理和説明

工作區：就是你在電腦裏能看到的目錄。 暫存區：英文叫stage, 或index。一般存放在 ".git目錄下" 下的index文件（.git/index）中，所以我們把暫存區有時也叫作索引（index)。 版本庫：工作區有一個隱藏目錄.git，這個不算工作區，而是Git的版本庫。 第一步：用户名和郵箱。 分別修改用户名和郵箱，其中--global帶和不帶的區別在於操作文件是.git/config還

terminal , Git

software-Development 頭像

IT開發者筆記 - 國產化Excel開發組件Spire.XLS教程：使用Python將CSV轉換為XML（處理現實數據問題）

CSV 因其簡潔和跨平台的廣泛支持，是最常見的表格數據交換格式之一。然而，當需要處理結構化應用程序、配置文件或層次化數據時，XML 通常成為首選格式，因為它能夠表示嵌套關係並提供更嚴格的數據驗證。 在本指南中，我們將探討如何使用Spire.XLS for Python將 CSV 文件轉換為 XML。你將學習如何將 CSV 轉換為Excel XML格式以及標準 XML。同時，我們還將介紹如何清理和

軟件工程

lingleidejiandao 頭像

另類的剪刀 - 豌豆住宅IP——高穩定、可控來源、城市級精準定位

在很多需要長期會話、來源可控、城市級定位的業務中（如電商監測、廣告驗證、本地化測試等），住宅IP的穩定性與地域精度往往比數量更重要。 下面總結一些企業在選型與使用靜態住宅IP時的關鍵考量指標和經驗。 🧩 一、核心指標 成功率（Success Rate） 穩定的網絡請求成功率應在 99% 以上，可支持自動重試與失敗率告警。 延遲（P95 Latency） 95分位延遲能真實反映整

教程

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

yuhuashi_584a46acea21f 頭像

雨花石 - review代碼系列（二）：

背景： 因技術優化需要，打算將現有項目庫的部分代碼摘出來單獨構建，所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置，既有babel.config.js，也有.babelrc。因為都在根目錄下面，所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護，覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - （在線CAD插件）網頁CAD二開表格提取功能

前言 CAD圖紙上的表格信息承載着大量關鍵數據，生產過程中會導出表格數據到excel，本文將介紹如何通過自定義 MxCAD 插件，在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出，大幅提升數據提取效率與準確性，效果如下： 一、功能概述 本次圖紙表格提取主要實現以下核心功能： 交互式區域選擇：用户通過鼠標框選目標表格區域。 圖形元素識別：自動識別範圍內的直線、文字、多段線

node.js , typescript , npm , Javascript

jrue 頭像

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

dirackeeko 頭像

DiracKeeko - [Vue] 在vue中接收iframe的傳遞的信息

頁面A中有一個iframe標籤。iframe標籤的src屬性指向的跨域頁面B，跨域頁面B通過postMessage方式傳遞信息。現在在頁面A中想要獲取跨域頁面B傳遞來的信息。 實現方式是監聽A頁面的"message"事件。考慮是vue2框架。其實現方式與原生html有稍許不同。 在vue的mounted生命週期裏添加 mounted() { window.addEventListener("

iframe , message , vue.js , 前端

u_17443142 頭像

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器，該工具無需安裝，打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意：工具只針對機械盤有用、固態盤沒有用，固態盤使用可能會造成損傷。 操作流程很簡單：在進行磁盤整理前，先勾選需要整理的盤符，之後點擊 “智能磁盤整理” 按鈕，即可自動完成整理操作。 管快速清理碎片，優化碎片，大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

u_16213608 頭像

mob64ca13fe62db - tableau docker安裝

tableau可視化 When working with geospatial data, it’s often useful to visually inspect the data on a map. In this tutorial, we will be using real cellph

雲計算 , 數據可視化 , tableau docker安裝 , JAVA , Docker , 可視化 , Python

kirill-myshkin 頭像

Kirill Myshkin - Orchestrating Complexity With Web Animations API

There’s no middle ground between simple transitions and complex animations. You’re either fine with what CSS Transitions and Animations provide or you suddenly need all the power you can get. Web An

animation , API , Interfaces , Javascript

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

heath_learning 頭像

heath_learning - Mustache底層原理及簡單實現

用過vue的都知道在模板中我們可以使用{{xx}}來渲染data中的屬性，這個語法叫做Mustache插值表達式，用法簡單，但心中也有一個疑問，它是如何做到的呢？接下來就讓我們一探究竟吧！ 1、使用正則來實現 比如説有這樣一個模板字符 let tempStr2 = '我是一名{{develpoer}}，我在學習{{knowledge}}知識！'; 現在需要將字符串裏面{{xxx}}替換成數據

vue.js , 模板引擎 , mustache , Javascript

atila-fassina 頭像

Atila Fassina - Understanding App Directory Architecture In Next.js

Since Next.js 13 release, there’s been some debate about how stable the shiny new features packed in the announcement are. On “What’s New in Next.js 13?” we have covered the release announced and es

react , Guides , Apps , next.js

wanzuqiudeshangba 頭像

玩足球的傷疤 - 細説Flexbox 佈局

在響應式設計中，Flexbox 是一種理想的佈局工具。它使得元素能夠根據容器的尺寸自動調整，靈活地填充可用空間。因此，無論是在桌面端還是移動端，Flexbox 都能夠確保佈局自適應、整潔且易於維護。 示例：響應式導航欄 假設我們需要創建一個具有可調節寬度的導航欄，項之間應均勻分佈，並且在小屏幕上時，導航項能夠堆疊在一起： nav class="navbar" a href="#"Home/a

flexbox , typescript , 後端 , 前端 , Javascript

u_17350491 頭像

轉角處的湯姆 - JavaScript 中的閉包：理解與應用

在 JavaScript 的世界中，閉包是一個非常重要且常用的概念。它不僅是 JavaScript 中的核心特性之一，也是許多複雜編程模式的基礎。無論是為了解決數據封裝問題，還是為了實現一些高效的異步編程模式，閉包都發揮着至關重要的作用。在本文中，我們將詳細探討閉包的概念、工作原理及常見應用，幫助你更好地理解並運用閉包。 目錄 什麼是閉包？ 閉包的工

詞法 , 作用域 , 數據封裝 , 前端開發 , Javascript