收藏 / 列表

lingleidejiandao 頭像

另類的剪刀 - Smartproxy提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心，結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準，幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性，Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

react , typescript

aipaobudefanqie 頭像

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

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

typescript , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , 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

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - ES6彌補了數組的缺陷，請使用Array.of()方法

Array.of()主要是彌補數組構造函數Array()的不足。因為參數個數的不同，導致Array()的重載，Array.of不存在由於參數不同而導致的重載，並且基本上可以用來替代Array()或new Array() Array.of() 靜態方法通過可變數量的參數創建一個新的Array實例，而不考慮參數的數量或類型 官方解釋 基本語法 Array.of()是創建數組的方法，它接收若干個參

數組

thjjames 頭像

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

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

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

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用調研

1、PWA應用介紹 PWA 是一種通過現代 Web 技術提供類似原生應用體驗的 Web 應用。它的核心特性包括： 可離線訪問：通過 Service Worker 實現離線緩存快速加載 利用緩存策略加速資源加載可安裝 用户可以將 PWA 添加到主屏幕，像原生應用一樣使用響應式設計 適配各種設備屏幕 PWA 的核心技術包括： Service Worker：用於攔截網絡請求、管理緩存

pwa , HTML , 前端 , Javascript

shenfq 頭像

Shenfq - 下一代的模板引擎：lit-html

前面的文章介紹了 Web Components 的基本用法，今天來看看基於這個原生技術，Google 二次封存的框架 lit-html。 其實早在 Google 提出 Web Components 的時候，就在此基礎上發佈了 Polymer 框架。只是這個框架一直雷聲大雨點小，內部似乎也對這個項目不太滿意，然後他們團隊又開發了兩個更加現代化的框架（或者説是庫？）： lit-html、lit-ele

模板引擎 , webcomponents , HTML , 前端

qinglong_62898aa51988d 頭像

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

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

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

jackysummer 頭像

JackySummer - sessionStorage、localStorage用法總結

在工作中使用sessionStorage存儲數據時，發現sessionStorage無法直接存儲數組和對象，如存入對象則顯示為"[object Object]"，對此作下記錄，重新温習sessionStorage和localStorage html5 中的 web Storage 包括了兩種存儲方式：sessionStorage 和 localStorage 共同點 存儲大小為5MB，都保存在客户

sessionstorage , localstorage

u_17443142 頭像

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

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

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

kirill-myshkin 頭像

Kirill Myshkin - Precise Timing With Web Animations API

I previously viewed animations as something playful. Something that adds fuzziness to interfaces. Apart from that, in good hands, animation can make interfaces clearer. One property of animations on

animation , API , Interfaces , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 4問教你搞定java中的ThreadLocal

摘要：ThreadLocal是除了加鎖同步方式之外的一種保證規避多線程訪問出現線程不安全的方法。 本文分享自華為雲社區《4問搞定java中的ThreadLocal》，作者：breakDraw。 多線程訪問同一個共享變量的時候容易出現併發問題，特別是多個線程對一個變量進行寫入的時候，為了保證線程安全，一般使用者在訪問共享變量的時候需要進行額外的同步措施才能保證線程安全性。ThreadLocal

threadlocal , 線程 , 多線程 , JAVA , 變量

heath_learning 頭像

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

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

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

bianchengsanmei 頭像

編程三昧 - 深挖前端 JavaScript 知識點 —— 史上最全面、最詳細的 Cookie 總結

完整閲讀本文大約需要二十分鐘時間，可根據文章結構圖直接閲讀自己需要的部分。 1. Cookie 產生的背景 所有新技術的出現都是為了解決某一痛點。 ——《前端三昧》 我們都知道，HTTP 協議是無狀態的，服務器無法知道兩個請求是否來自同一個瀏覽器，也不知道用户上一次做了什麼，每次請求都是完全相互獨立，這嚴重阻礙了交互式 Web 應用程序的實現。例子： 購物車：在典型的網上購物場景中，用户瀏覽

cookies , cookie , chrome-devtools , 前端 , Javascript

harryfyodor 頭像

harryfyodor - Backbone 源碼解讀（一）

1. 開場 1.1 MVC？ MVC是一種GUI軟件的一種架構模式。它的目的是將軟件的數據層（Model）和視圖（view）分開。Model連接數據庫，實現數據的交互。用户不能直接和數據打交道，而是需要通過操作視圖，然後通過controller對事件作出響應，最後才得以改變數據。最後數據改變，通過觀察者模式更新view。（所以在這裏需要用到設計模式中的觀察者模式） 1.2 Smalltalk-80

backbone.js , Javascript

atila-fassina 頭像

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , User Experience

lihaixing 頭像

lihaixing - 二進制運算實例

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

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

wanzuqiudeshangba 頭像

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

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

flexbox , typescript , 後端 , 前端 , Javascript

yangyaya 頭像

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

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

面試 , 筆試 , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - Vue將後端返回的數據中的字段替換成想要的數據

res.data.data.list = [ { id:"1", name:"Lily", project:"math" }, { id:"2", name:"Lucy", project:"English" }, { id:"3,

vue.js , replace , foreach , 前端

addy-osmani 頭像

Addy Osmani - Reliable Cross-Browser Testing, Part 1: Internet Explorer

In a perfect world, cross-browser testing would be straightforward. We would download a legacy version of a browser, run it, and be able to instantly test our pages and scripts without a single care

testing , coding , Browsers , Internet Explorer

hello888 頭像

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件，所以我就基於mui開發了一個tab列表組件，可以獲取當前的tab並且增加了排序功能，解決了列表的常見需求 源碼地址：https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件，可根據自定義的條件對列表進行過濾，支持排序、組件默認值、組

移動端 , mui