收藏 / 列表

lingleidejiandao 頭像

另類的剪刀 - 抖音 獨立 IP 解決方案：獨享靜態住宅 IP + 環境隔離 + 粘性會話

面向矩陣與品牌運營的全球覆蓋、低延遲與可觀測性基線方案 [1] 核心優勢 8000 萬+ 真實住宅 IP 資源池，覆蓋全球 200+ 國家/地區，支持城市級精準定位 [1] 獨享靜態住宅 IP，一賬號一環境，長時會話穩定不中斷 [1] 低延遲與高可用性：p95 延遲 150ms、成功率 99%、SLA 可用性 99.9% [2] 粘性會話與連接保持，支持 24 小時以上

教程 , 知識

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如何刪除對象中的某一屬性

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 添加新屬性 math

ecmascript-6 , es5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - Vue項目打包完後如何自動上傳至服務器

寫在開頭 我先説下一下，為啥要寫這個，由於之前在寫不見面開標5.0系統，修改完bug後，然後前端通過npm run build打包後生成文件，然後在通過FTP工具上傳至服務器，整個過程，我還需要手動拷貝到服務器，如果一天打包好幾次，就要手動拷貝好幾次，非常繁瑣 前端部署項目方案 前端部署 通過npm run build，構建前端靜態資源文件 只需上傳構建後的資源文件，然後上傳至服務器指

前端構建 , vue.jswebpackvuegridlayout , webpack

thjjames 頭像

小皇帝James - 編寫markdown-it的插件和規則

前言 最近看vuePress源碼時發現在使用markdownLoader之餘使用了大量的 markdown-it 插件，除了社區插件（如高亮代碼、錨點、emoji識別等），同時也自行編寫了很多自定義插件（如內外鏈區分渲染等）。 文章結合源碼和自己之前寫過的插件來詳細解讀如何編寫一個 markdown-it 插件規則。 簡介 markdown-it 是一個輔助解析markdown的庫，可以完成

plugin , vuepress , 前端 , Javascript , Markdown

wupeng_5a4de5c290b9d 頭像

PatWu16 - chrome-devtools-mcp 工具試用記錄

谷歌 Chrome 開發者工具 MCP 服務器公佈，它允許 AI 代理在瀏覽器中直接調試、測試和修復代碼，彌補了以往 AI 編碼工具無法直接觀察代碼在瀏覽器中運行情況的缺陷，更多內容查看官方博客、Github倉庫，其在發佈的短時間內即引起廣泛關注，npm下載量陡升： 調試工具提供的能力： 試用記錄，僅供參考：   

chrome-devtools , 前端

shenfq 頭像

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

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

模板引擎 , webcomponents , HTML , 前端

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , 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

nanian_5cd6881d3cc98 頭像

那年 - foreach 返回undefined 留坑

封裝方法 獲取瀏覽器參數，但是使用了foreach 循環後，調用方法打印就是undefined 原代碼： export function getUrlParams(parNmae) { let pramSplitStr = location.hash.split("#/")[1].split("?")[1]; if(!pramSplitStr) return; let resul

foreach , Javascript

kirill-myshkin 頭像

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

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 案例解讀：深入理解瀏覽器的緩存機制

摘要：緩存可以減少網絡 IO 消耗，提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環，對於前端效率提升的重要性，不言而喻。 之前對於瀏覽器緩存也是一知半解，這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制，如強制緩存、協商緩存等，並且然後結合門户域各部件（官網、雲社區、雲市場、個人中心、APP）當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

heath_learning 頭像

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

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

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

bianchengsanmei 頭像

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API，您可以向服務器發送消息並接收事件驅動的響應，而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象？ WebSocket 對象是 WebSockets 的接口之一，用於連接WebSocket服務器的主要接口，之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

harryfyodor 頭像

harryfyodor - 基於 Backbone + node 的個人簡歷生成器（個人學習總結）

為什麼學習backbone？這是個好問題。在這個前端框架爆炸的年代，比起backbone，對開發來説有更多更好的選擇，react，vue，angular等等。但這些在使用這些框架的時候，心裏卻總是有寫不踏實的感覺。MVVM雙向綁定是怎麼實現的？Virtual DOM，diff算法在react裏面是怎麼實現的？大框架不好的地方就是，對於新手來説，真正認識其中的原理很不容易。原理不會變，而API是會變

node.js , backbone , Javascript

atila-fassina 頭像

Atila Fassina - SolidStart: A Different Breed Of Meta-Framework

The current landscape of web tooling is increasingly more complex than ever before. We have libraries such as Solid, Vue, Svelte, Angular, React, and others that handle UI (User Interface) updates i

Frameworks , API , Javascript

lihaixing 頭像

lihaixing - ArrayBuffer 二進制數據

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

二進制 , arraybuffer , 前端 , Javascript

wanzuqiudeshangba 頭像

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

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

flexbox , typescript , 後端 , 前端 , Javascript

yangyaya 頭像

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

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

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

user_p5fejtxs 頭像

林一一 - 編寫 loader 和 plugin

原文地址 編寫 loader 和 plugins github 一、loader 1.loader 介紹 loader 是什麼 loader 其實是一個函數，對匹配到的內容進行轉換，將轉換後的結果返回。 loader 作用 在 webpack 中 loader 就像是一位翻譯官。webpack 只認識 JavaScript 這們語言，對於其他的資源通過 loader 後可以轉化做預處理

loader , plugin , webpack , Javascript

wuyagege 頭像

雲綺棠兮 - JavaScript之對象篇

對象 是無序屬性的集合，其屬性可以包含基本值，對象，或者函數。可以將對象想象成散列表:鍵值對，其中值可以是數據或者函數。ECMAScript中的對象其實就是一組數據(屬性)和功能(方法)的集合。 題外話：睡了，明天再搞，中秋節快樂鴨！！！！！ 對象是一個包含相關數據和方法的集合（通常由一些變量和函數組成，我們稱之為對象裏面的屬性和方法） 比如在現實生活中，每一個人都是一個對象。對象有它的屬性，如身

node.js , object , 前端 , Javascript