收藏 / 列表

lingleidejiandao 頭像

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

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

教程

aipaobudefanqie 頭像

愛跑步的番茄 - 什麼是住宅代理（Residential Proxy）？詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代，網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”（Residential Proxy）作為一種高匿名、高穩定的網絡中轉方式，正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別，以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理（Residential Proxy） 是指通過真實

typescript , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

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

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

webpack , babel , 前端 , Javascript

yangy5hqv 頭像

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

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

ecmascript-6 , typescript , HTML , html5 , Javascript

jrue 頭像

前端小菜 - js合併數組的方法

1，方法一 concat() 實例：arrayA.concat(arrayB) 會生成新的數組。 let arrayA = ['ja', 'va']; let arrayB = ['scr', 'ipt']; // 合併數組A和B arrayA = arrayA .concat(arrayB); // 查看合併後的結果 console.log(arrayA); // ['ja',

ecmascript-6 , es7 , es5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於前端壓縮字體的方法

我在編寫一個撰寫日常的網站，需要用到自定義字體，在網上找到一ttf的字體，發現體積很大，需要進行壓縮 如何壓縮 目前我們的字體是.ttf字體，其實我們需要把字體轉換成.woff字體 WOFF本質上是包含了基於SFNT的字體（如TrueType、OpenType或其他開放字體格式），且這些字體均經過WOFF的編碼工具壓縮，以便嵌入網頁中。[[3]](https://zh.wikipedia.org/

字體 , 壓縮工具 , Javascript

thjjames 頭像

小皇帝James - 表格Table實現前端全選所有功能

前言 最近兩家公司都遇到了全選全頁+批量操作的功能場景，即點擊全選所有的時候需要勾選所有數據包括非當前頁的。 方案 如果純前端分頁可以參考 antdv.table，一般主流的組件庫都給封裝好了。 後端分頁一種方案是： 基於組件庫的現有能力，全選所有時設置 pageSize 為無窮大並調用列表接口得到全量數據賦值給 selectedRowKeys 即可。但是這套方案最大的問題在於

全選 , table , vue3 , selection , Javascript

wupeng_5a4de5c290b9d 頭像

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目，用到了h5上傳圖片，現記錄下遇到的坑。 端內h5上傳圖片問題歸納： 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選；android上還存在的一個問題為：點擊上傳按鈕進入圖片選擇頁後，如果取消選擇，返回項目，則無法再次上傳，會波及到整個webview，其他h5頁面也無法上傳，只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

shenfq 頭像

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

qinglong_62898aa51988d 頭像

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中，我們修改了數據，所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子，本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（一）

前言 本文是 ahooks 源碼系列的第二篇，下面鏈接是第一篇 DOM 篇的前置講解： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 後續的文章將會直入主題，每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

u_17443142 頭像

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後，他的畫風就變了，各種廣告層出不窮，安裝後也成一個流氓軟件，簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗，包含安裝板112M和免安裝版9M，免安裝版相對來説功能會少點，但也不影響主要功能，大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , Javascript

nanian_5cd6881d3cc98 頭像

那年 - vue3 點擊下載文件，不打開預覽，已解決

需求背景：vue3項目點擊下載按鈕，下載文件，使用頁面添加a標籤方式會導致不是下載而是打開文件（圖片/pdf） 使用了直接動態添加a標籤的方法，還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

kirill-myshkin 頭像

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

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 解密秒殺系統架構，不是所有的系統都能做秒殺！

摘要：教你如何設計一個秒殺系統架構：從電商系統架構到秒殺系統、從高併發“黑科技”與致勝奇招到服務器硬件優化，全方位立體掌握秒殺系統架構！！ 本文分享自華為雲社區《實踐出真知：全網最強秒殺系統架構解密，不是所有的秒殺都是秒殺！！》，作者： 冰 河。 電商系統架構 在電商領域，存在着典型的秒殺業務場景，那何謂秒殺場景呢。簡單的來説就是一件商品的購買人數遠遠大於這件商品的庫存，而且這件商品在很短的

運維 , 系統 , 架構 , 電商 , 秒殺

heath_learning 頭像

heath_learning - 記錄一次vue-cli創建vue項目失敗，一直卡着不動問題

問題描述：使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗，報錯：ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config，命令行出現如下信息： Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

bianchengsanmei 頭像

編程三昧 - 前端 CSS 變量簡介及基本使用方法

背景 複雜的網站都會有大量的CSS代碼，通常也會有許多重複的值。 舉個例子，同樣一個顏色值可能在成千上百個地方被使用到，如果這個值發生了變化，需要全局搜索並且一個一個替換，效率不高且容易出錯。 自定義屬性在某個地方存儲一個值，然後在其他許多地方引用它。另一個好處是語義化的標識。比如，--main-text-color 會比 #00ff00 更易理解，尤其是這個顏色值在其他上下文中也被使用到。 概

css3 , css技巧 , css變量var , Css , 前端

harryfyodor 頭像

harryfyodor - Backbone源碼解讀（三）

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

backbone.js , Javascript

atila-fassina 頭像

Atila Fassina - State Management In Next.js

This article has been kindly supported by our dear friends at Netlify who are a diverse group of incredible talent from all over the world and offers a platform for web developers that multiplies

next.js , Jamstack , Javascript

lihaixing 頭像

lihaixing - ArrayBuffer 二進制數據

在 Web 開發中，當我們處理文件時（創建，上傳，下載），經常會遇到二進制數據。另一個典型的應用場景是圖像處理。 與其他語言相比，JavaScript 中的二進制數據是以非標準方式實現的。 1. 創建二進制數據 基本的二進制對象是 ArrayBuffer —— 對固定長度的連續內存空間的引用。 let buffer = new ArrayBuffer(16); // 創建一個長度為 16 的 bu

二進制 , arraybuffer , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - JavaScript與TypeScript的對比：深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言，尤其在前端開發中，它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似，但它們有着顯著的差異，尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異，幫助開發者理解何時選擇使用 JavaScript 或 TypeScript，以及如何在項目中有效地運用它們。

ecmascript-6 , typescript , HTML , 前端 , Javascript

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

user_p5fejtxs 頭像

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

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

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

wuyagege 頭像

雲綺棠兮 - js中如何監聽一個對象中屬性的變化

訪問器屬性特性 訪問器屬性：這個屬性不包含數據值，包含的是一對get和set方法，在讀寫訪問器屬性時，就是通過這兩個方法來進行操作處理的。 訪問器屬性包含的四個特性： [[Configurable]]------表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或能否把屬性修改為訪問器屬性， 默認為false [[Enumerable]]-------表示能否通

set , get , 前端 , Javascript