收藏 / 列表

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

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

npm , Javascript

愛跑步的番茄 - 什麼是代理服務器?技術原理與應用解析

代理服務器(Proxy Server)是位於客户端與目標服務器之間的中間層節點,負責轉發網絡請求。在網絡通信體系中,它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下: Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP,而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

雨花石 - review代碼系列(二):

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

webpack , babel , 前端 , Javascript

夢想雲圖網頁CAD - (WEB在線編輯DWG)在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能,用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值,同時可以自定義選擇標註文字的位置,測量圓功能能夠快速掌握目標圓對象的數據信息,方便統計工程量。 測量面積功能(多邊形、矩形)以多邊形的每一個頂點來確定多邊形的形狀和位置,通過點擊矩形的量角點來確定矩形的大小和位置,也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

前端小菜 - js解析url的三種方法

js解析url,將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1,split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

清隆 - 兩千字助你理解for of原理,擴展for of完美解決遍歷對象問題

ES6 推出的 for of 語句非常強大,遠超曾經的所有遍歷方式。 for of 可以很輕鬆地遍歷數組、集合、映射,寫法也十分簡潔。 在我的項目中,除了需要獲取特定返回值的時候還採用數組的 map filter reduce 方法,其餘遍歷都由 for of 代勞。 本文我將逐層深入地介紹 for of 語句的用法與注意事項,並刨析其原理——迭代器和生成器,最後在對象與數字類型上擴展 for o

迭代器 , for循環 , 前端 , Javascript

51搜不到你 - 專業漂白工具

日常工作和生活裏,處理圖像時常讓人頭疼。掃描的文件、手機拍的文檔,甚至孩子的作業照片,幾乎總帶着陰影、灰暗背景,還有各種雜亂的干擾元素。這些瑕疵讓圖片顯得模糊不清,觀感差勁,更別提打印時會多費墨粉,平白增加開銷了。 今天分享一款神器“原本”——專業級圖片漂白軟件 當老師發羣裏的作業打印出來歪歪扭扭時,當需要大型掃描儀時,當適用於高質量圖片存檔時

3c , 批量操作 , 下載地址 , 前端開發 , Javascript

mob64ca13fe62db - accessible: module jdk.compiler does not “opens com.sun.tools.javac.processing“ to unnamed module_qq

處理“module jdk.compiler does not “以” com.sun.tools.javac.processing” to unnamed module”錯誤的終極指南 開發過程中遇到這個討厭的錯誤,讓你抓耳撓腮嗎?別擔心,你並不孤單。這個錯誤往往源於JDK項目版本與Maven編譯版本的不一致。本文將深入探討這個錯誤,並提供詳細的分步指南,幫助你輕鬆解決它

新版本 , JAVA , ci , 前端開發 , Javascript

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

華為雲開發者聯盟 - 華為IoT首席架構師王啓軍:全棧工程師“養成記”

在王啓軍的公眾號裏,有一篇《My Team》的文章,裏面記錄了早年他所帶團隊成長的心得。 這個被他稱為完美組合的團隊,並不是來自大廠名企,彼時王啓軍給不起高待遇,團隊核心成員中還有很多人是專科學歷。 但就是這樣一支團隊,建立了IaaS平台,搭建了私有云,雲緩存,分佈式文件中心……甚至還有自己的開發框架,工作流平台,配置中心,而彼時,是在2013年前後。 王啓軍在文章裏寫到: 給不起高薪,就挑選潛力

華為雲 , 開源 , 全棧工程師 , 開發者 , 程序員

heath_learning - css權重

1、什麼是css權重?css6大基礎選擇器 css權重指的是css6大基礎選擇符的優先級,優先級高的css樣式會覆蓋優先級底的css樣式,優先級越高説明權重越高,反之亦然。 css6大基礎選擇器: a)、id選擇器(#box{}) b)、類選擇器(.box{}) c)、屬性選擇器(a[href="http://www.xxx.com"]) d)、偽類和偽對象選擇器(:hoevr{}和::after

css3 , css技巧 , css選擇器 , css優先級 , Css

新茶十九 - 高德地圖,開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響,絕大多數情況下,開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析,並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

Christian Heilmann - The Seven Deadly Sins Of JavaScript Implementation

If you look at some of the code that has been released, though, we do seem to have taken a step backwards. In gaining easier access, we also became a bit sloppy with our code. Finding clearly struct

coding , Javascript

Atila Fassina - What Does AI Really Mean?

In 2024, Artificial Intelligence (AI) hit the limelight with major advancements. The problem with reaching common knowledge and so much public attention so quickly is that the term becomes ambiguous

Guides , AI , User Interaction

泯瀧 - 在企業環境中正確使用 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

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

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

flexbox , typescript , 後端 , 前端 , Javascript

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)之手寫題(二)

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期: "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前端面試總結(含

面試 , 筆試 , 前端 , Javascript

破曉L - 面試小冊:面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型(string、number、boolean、undefined、symbol、bigint 和 null),這些都是不可變的。這意味着一旦分配了一個值,我們就無法修改它們,我們可以做的是將它重新分配給一個不同的值(不同的內存指針)。另一方面,其他數據類型(如 Object 和 Function)是可變的,這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力,這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時,輸入部分命令或配置文件內容,工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

小X學技術 - Y 分鐘速成 Java

源代碼下載: LearnJava-zh.java Java 是一個通用的程序語言, 包含併發, 基於類的面向對象等特性閲讀更多 // 單行註釋 /* 多行註釋 */ /** JavaDoc(Java文檔)註釋是這樣的。可以用來描述類和類的屬性。 */ // 導入 java.util中的 ArrayList 類 import java.util.ArrayList; // 導入 java.secu

基礎 , 語法 , 入門 , JAVA

洛陽醉長安行 - mui 側欄菜單實現多級樹數據列表,返回上一級樹

想在移動端使用樹結構選擇項目,但是在移動端顯示體驗太差怎麼辦?使用棧結構存儲樹歷史,使用類似側欄菜單的方式實現: var currtTreeArr = []; //當前樹列表數組 var treeData = []; //根節點數據 var treeHistoryArr = []; //歷史打開的樹,用於回退,進入到其他節點 $(".mui-table-view").on("click", ".m

移動端 , 樹形結構 , mui , 前端 , Javascript

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

點墨 - react函數組件使用React.memo避免重複渲染

在react的類組件裏,我們可以通過shouldComponentUpdate來主動控制組件是否需要渲染,那麼在函數組件裏,有沒有類似的方法可以讓我們主動控制組件渲染呢?有的,那就是React.memo。 React官方文檔給出的介紹: Class components can bail out from rendering when their input props are the same

react , dva.js , 前端 , Javascript