收藏 / 列表

IT開發者筆記 - Excel處理控件Aspose.Cells教程:使用 Python 將 HTML 轉換為 Excel

網頁通常包含以HTML表格格式呈現的表格數據,例如報告、價目表或統計數據。處理網頁數據通常需要將 HTML 表格或頁面轉換為 Excel 電子表格,以便進行分析或生成報告。將這些數據導出到 Excel 後,可以進行排序、篩選和計算。使用 Python 自動化此過程可以確保準確性並節省時間,尤其是在處理大型或重複性數據集時。在本教程中,您將學習如何藉助Aspose.Cells使用 Python 僅

後端 , Python

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理:優先用於多協議、

fiddler , Javascript

愛跑步的番茄 - 代理IP是什麼?核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中,代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性,對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP(Proxy IP)指用户通過代理服務器訪問互聯網時,以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

銀之夏雪 - CSS 真的會阻塞文檔解析嗎?從瀏覽器渲染原理深入探究一下

在網頁開發領域,一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題,需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後,會依次進行以下幾個主要步驟: 解析 HTML:瀏覽器從網絡或本地獲取 HTML 文件,然後開始解析,將 HTML 代碼轉換為 DOM(Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

用户bPdeG32 - JavaScript 與 TypeScript 的詳細對比

JavaScript 是當前 Web 開發的主要編程語言,也是現代前端開發的基石。儘管它靈活而強大,但在大型項目中,JavaScript 的動態類型系統和無類型檢查常常帶來代碼管理上的問題。為了解決這些問題,微軟在 2012 年推出了 TypeScript,這是一種 JavaScript 的超集,增加了靜態類型檢查、接口、類和其他現代化的編程特性。 本文將深入對比 JavaScript 和 Typ

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

夢想雲圖網頁CAD - (Online CAD Software)在線CAD二次開發形位公差標註

一、前言 形位公差是指對零件幾何要素的形狀誤差和位置誤差所允許的最大變動量,它與傳統的尺寸公差不同,不僅關注長度或直徑等線性尺寸的變化,還關注零件的幾何特性是否符合設計意圖。在本篇文章中我們將介紹如何通過mxcad插件根據形位公差的特性來實現形位公差標註功能。 二、形位公差的分類 形位公差的所有公差代號如下圖所示: 根據國家標準 GB/T 1182-2018(等同於 ISO 1101

node.js , typescript , npm , html5 , Javascript

beckyyyy - 可視化學習:使用極座標參數方程和SDF繪製有趣的圖案

前言 本文將介紹如何使用極座標參數方程和上一篇文章提到的距離場SDF來繪製有趣的圖案。 説到曲線和幾何圖形的繪製,我們知道圖形系統默認支持的是通過直角座標繪製,但是有些曲線呢,不太容易使用直角座標系來表示,卻可以很方便地使用極座標來表示,這個時候我們可以選擇通過極座標和直角座標的相互轉換,來實現圖形的繪製。 下面我就用玫瑰線、花瓣線等曲線作為例子來進行演示。 在開始演示之前,我先簡單介紹下極座標和

webgl , canvas , 可視化 , 前端

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

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

ecmascript-6 , es5 , Javascript

若川 - Taro 源碼揭秘:9. Taro 是如何生成 webpack 配置進行構建小程序的?

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

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

51搜不到你 - 電腦廣告攔截工具分享

今天分享2款電腦廣告攔截工具 1、SoftCnKiller(流氓軟件清理檢測): 若懷疑電腦已感染流氓軟件,可通過本工具進行全面掃描與清理。使用前請先運行黑名單更新程序(見下文圖示),以獲取最新特徵庫,支持檢測更多新型流氓軟件。 該工具可深度掃描電腦中的絕大多數流氓軟件及捆綁安裝程序(俗稱"下崽器")。個人實測:因

任務欄 , 結束進程 , 流氓軟件 , 前端開發 , Javascript

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

Atila Fassina - Open-Source Meets Design Tooling With Penpot

This article has been kindly supported by our dear friends at Penpot whose mission is to provide an open-source and open-standards platform to bring collaboration between designers and developers

workflow , Tools , plugins , ui

前端小巷子 - 前端虛擬長列表

前端虛擬長列表 當一次性渲染十萬條 DOM 節點時,瀏覽器會瞬間陷入「卡頓—白屏—崩潰」三連擊。虛擬長列表(Virtual Scroller)把「按需渲染」做到極致:只繪製可見區域並加少量緩衝,讓巨量數據在低端設備也能保持 60 FPS。 一、問題本質:渲染成本與滾動成本的矛盾 渲染成本等於節點數量乘以單個節點複雜度,滾動成本等於佈局重排乘以樣式重繪。瀏覽器單幀預算約 16

複雜度 , 重繪 , Math , 前端開發 , Javascript

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前端入門第 86 問:JavaScript 中的 Web Worker 為什麼能提升代碼性能?

最初的 JS 執行代碼都是一條線執行到底,當遇到比較耗時的操作時,比如大數組循環運算,就會導致頁面卡着,就像假死一樣。就像一個人在廚房燒菜一樣,需要依次完成切菜、炒菜、裝盤這些步驟,此過程中沒辦法同時做其他事情,必須按順序執行每一個步驟。 Web Worker 賦予了 JS 分配任務的能力,在遇到複雜的計算型任務時,比如 canvas 圖形圖像處理(添加濾鏡、矩陣變換等),此類不依賴 DOM 操作

前端 , Javascript

後山人 - Raise Admin (鋭智後台管理系統): 重新定義 PHP 後台開發效率與安全

Raise Admin (鋭智後台管理系統):重新定義 PHP 後台開發效率與安全 嘿,各位 PHP 和 Vue 社區的開發者朋友們! 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中? 是否為確保系統的權限和數據安全而絞盡腦汁? 是否夢想着能有一款工具,讓你專注於核心業務邏輯,而不是繁瑣的底層架構? 今天,我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於

vue.js , php , Javascript

月恆 - Web 頁面性能衡量指標-以用户為中心的性能指標

Web 頁面性能衡量指標-以用户為中心的性能指標 以用户為中心的性能指標是理解和改進站點體驗的關鍵點 一、以用户為中心的性能指標 1. 指標是用來幹啥的? 指標是用來衡量性能和用户體驗的 2. 指標類型 感知加載速度:網頁可以多快地加載網頁中的所有視覺元素並將其渲染到屏幕上 加載響應速度:頁面加載和執行組件快速響應用户互動所需的 JavaScript 代碼的速度 運行時響應速度:網頁在加載

性能優化 , 性能分析 , 性能 , 前端 , Javascript

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中,佈局是構建用户界面的核心環節。長期以來,CSS 的 float 屬性曾是實現多列布局的主要手段,但隨着 CSS 技術的發展,Flexbox(彈性盒子佈局)已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局,並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景:從 float 到 Flexbox float 最初設計用

前端

追風的苦咖啡 - 告別 “匿名網站”!OV 證書讓用户一眼認出 “正規企業”

告別 “匿名網站”!OV 證書讓用户一眼認出 “正規企業” 一、先戳痛點:匿名網站正在消耗用户的 “點擊信任” 當用户在瀏覽器輸入網址、收到陌生鏈接時,“不敢點、不敢填、不敢付” 的背後,是匿名網站埋下的 3 大信任隱患: 身份模糊難辨:普通匿名網站(多部署 DV 證書或無證書)的地址欄僅顯示 “不安全” 提示或 “未知主體”,用户無法確認網站背後是否為真實企業 ——2025 年網絡安全報告顯

ssl證書 , 網絡安全 , HTTPS , 網絡傳輸協議

李遊Leo - 深入理解 ECMAScript 2024 新特性:Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性,其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式,並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中,我們

ecmascript , 前端 , Javascript

王大冶 - 如何只使用 CSS 實現網站的暗黑模式切換

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 想讓你的網站從“明亮清新”切換到“暗黑酷炫”,而不依賴任何 JavaScript?沒問題! 僅用 CSS 就能完成這個任務,根據用户設備的系統設置動態切換主題。本教程將教你如何實現一個可以隨系統設置自動切換明暗模式的網站,完全拋棄 JavaScript。 第一步:基礎 HTML 頁面結構 首先,我們需要一個簡單的

ecmascript-6 , 前端 , Javascript

南城FE - 純CSS實現有趣emoji切換開關

這是一個純CSS創建的動畫切換開關,它不僅能夠在視覺上吸引用户,還能通過交互提供即時反饋。本文將解析源碼的核心實現邏輯,這個項目的核心是使用CSS變量、3D變換和過渡效果來實現一個動態的、響應式的用户界面元素。 關鍵技術點 CSS變量:用於動態調整樣式。 3D變換:用於創建翻轉動畫效果。 過渡效果:用於平滑地改變元素的樣式。 emoji:並不是真正的emoji而是通過CSS繪製。 實

css3 , 動畫 , Css , 前端

superZidan - Next.js 超實用進階技巧【持續更新】

hello 大家好,我是 superZidan,這篇文章想跟大家聊聊Next.js 進階技巧,如果大家遇到任何問題,歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能,乾貨滿滿,建議點贊➕關注➕收藏;後續還會 持續更新更多技巧和案例 温馨提示:如果你還是個 Next.js 新手,建議先閲讀這篇 Next.js 最佳實踐,照着這篇文章先把代碼敲一遍 Next.js 是一個強

性能優化 , next.js , ssr , Javascript