收藏 / 列表

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

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

fiddler , Javascript

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , Javascript

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源(針對靜態資源和get請求),減少傳輸壓力,提高訪問速度。 2、那麼緩存的目標應該是:資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況,設置適當的緩存策略。 3、瀏覽器無緩存的過程: 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

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

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

node.js , typescript , npm , html5 , Javascript

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

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

ecmascript-6 , es5 , Javascript

羊先生 - 理解CSS盒模型與BFC

什麼是盒模型 一個CSS盒模型由content、border、padding、margin組成,盒模型又分為標準模型和IE模型。標準模型和IE模型區別就是就是計算盒子的寬度和高度的不同 標準模型 標準模型的寬度和高度指的是content 實際例子 style type="text/css" .box{ width: 200px; height: 200px; bor

盒模型 , bfc , 前端

小皇帝James - 前端代碼規範彙總

前言 本文部分內容基於 Vue,大部分情況下都是前端通用的。 本文旨在規範lint不能解決的前端代碼,不與已有的 eslint、 stylelint、prettier 規則重複。 規範 HTML規範 語義化標籤 標題 h1 ~ h5 列表 ul + li 文字塊 p 佈局 header nav section article aside

規範化 , jsdoc , Css , HTML , 前端

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項,本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件,可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件: // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後,插件會自動生成以下文件: src/

pwa , HTML , 前端 , Javascript

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道,React 作為一個視圖庫,在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力,以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

清隆 - 為什麼 shift 比 pop 慢?JS 中隊列的實現

我們知道在 JS 中,刪除數組元素有兩個方法:pop 與 shift,分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素,它們的執行時間確實不同的。 當數組項目較多時,shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

JackySummer - 【解讀 ahooks 源碼系列】Dev篇——useTrackedEffect 和 useWhyDidYouUpdate

前言 本文是 ahooks 源碼(v3.7.4)系列的第六篇——Dev 篇,該篇主要是協助開發調優的 Hook,只有兩個 往期文章: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素:useEffectWithTarget 【解讀 ahooks 源碼系列】DOM 篇(一):useEventListener、useClickAway、useDocumentVisibilit

react , hooks , 前端

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

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

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

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

華為雲開發者聯盟 - 構造、析構期間被調虛函數發生的慘案,長教訓!

最近有個問題出現長達一個月,經過兩次修改未能解決,大致場景如下: 一個多態對象Children被註冊回調(m_observer對象位於基類Base中),正好在析構函數裏面回調,導致crash。 class Base { // ... protected: std::shared_ptrObserver m_observer; } class Children: public Ba

code , bug , 組合模式 , 回調函數 , 多態

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求,要求:用户輸入密碼後自動向後跳轉一個輸入框,並且獲得焦點,直到輸入完畢。用户刪除時,刪除完當前輸入框的內容,再按一個“退格/刪除”鍵,則自動往前跳一個輸入框,並將其內容刪除。 效果如: 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框,在模擬器裏沒有什麼問題,但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面,而不用改變頁面的標籤。 好一段時間不用 CSS ,有一些基礎知識的記憶有點模糊了,今天再做一次總結記錄,方便日後回顧複習。 選擇器分類 在 CSS 中,選擇器可分為以下幾類: 基本選擇器(通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器) 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

harryfyodor - Backbone源碼解讀(三)

注意:強烈建議一邊閲讀源碼一邊閲讀本文。 終於到了backbone源碼解讀的最後一篇,這一篇和前面幾篇時間上有一定的間隔(因為要回學校有一堆亂七八糟的事...)。在這一篇裏面會講解Bakcbone的sync router histrory。sync比較簡單,但是路由的部分就比較複雜了。個人覺得是整個backbone源碼裏面最不好懂的一個部分,這個部分也使得backbone可以方便實現可以“返回

backbone.js , Javascript

Atila Fassina - Remix Routes Demystified

Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is th

react , Frameworks , Tools , Apps

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數,對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

玩足球的傷疤 - 使用 Goroutines 和 Channels 實現高效併發編程

Go 是一門以併發為核心設計的編程語言,其 Goroutines 和 Channels 提供了輕量級且高效的併發模型。在現代軟件開發中,性能和併發是兩個至關重要的因素,而 Go 的設計讓開發者能夠以一種簡單、直觀的方式實現高效的併發程序。 本文將深入探討 Goroutines 和 Channels 的核心原理,分析它們的實際使用場景,並通過代碼示例展示如何利用它們構建高效的併發應用程序。 Gor

php , springboot , lavarel , go , 後端

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

前言 跳槽是每個人的職業生涯中都要經歷的過程,不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章,希望你沒有白白浪費停留在這裏的時間,能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試,你永遠不知道市面上的行情如何。這次找工作下來,我自身感覺市場並沒有那麼可怕,也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言:大家好,我是林一一,這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點,this 難嗎?好像挺簡單的。看完下面這一篇文章,還不會的話,你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話,函數體中的 this 就指向前面的對象,沒有就指向 window,嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

Addy Osmani - Essential jQuery Plugin Patterns

I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’s a lot o

Tools , coding , jquery