收藏 / 列表

lingleidejiandao 頭像

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

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

教程 , 知識

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

yuhuashi_584a46acea21f 頭像

雨花石 - 前端瀏覽器緩存

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

HTTP , HTTPS , 安全 , 前端

yangy5hqv 頭像

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

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

node.js , typescript , npm , 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 頭像

羊先生 - 使用Cursor開發Strapi5插件bag-strapi-plugin

🎯 為什麼開發 bag-strapi-plugin？ 問題的起源 在使用 Strapi 5 開發多個項目後，我發現每個項目都需要重複實現一些通用功能： 用户認證系統 - JWT Token 管理、密碼加密、登錄註冊 API 安全保護 - 簽名驗證、限流防刷、加密傳輸 驗證碼功能 - 圖形驗證碼、短信驗證碼 菜單管理 - 後台菜單的數據庫設計和 CRUD 加密工具 - AES、RSA、

node.js , ai開發 , cursor , strapi , 前端

thjjames 頭像

小皇帝James - 前端腳手架（簡易版）搭建攻略

簡介 腳手架CLI(command-line-interface)是一類快速形成工程化目錄的工具。 開發過程中，如果需要新建前端項目，我們經常都會用到腳手架來創建工程，通過命令行式的交互，可快速選擇選項並完成初始項目的搭建。而CV大法往往會帶來很多重複的刪減工作，且會導致項目分散、架構不統一等等弊端。 常見的主流框架都有自己的腳手架： create-vite @vue/cli create

腳手架cli , 工具 , 前端工程化 , 前端 , 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 - 下一代的模板引擎：lit-html

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

模板引擎 , webcomponents , HTML , 前端

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 源碼系列的第四篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素：useEffectWithTarget 【解讀 ahooks 源碼系列】DOM篇（一）：useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag 【解讀 ahooks 源碼系列】DOM篇

react , hooks , 前端

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 頭像

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

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

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

heath_learning 頭像

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

bianchengsanmei 頭像

編程三昧 - 再解 JavaScript 原型與原型鏈

前言 JavaScript 原型與原型鏈雖然是一個老生常談的話題，但依然困惑着很多人，今天我再來從另一個角度談談這個問題。 兩個疑問 先看這樣一段代碼： let obj = {} obj.__proto__.haha = 'gogo' console.log(obj.haha) // "gogo" 運行一下上面的代碼，輸出結果為 gogo。 針對這個結果，有以下疑問： obj 哪來的 __p

原型 , 原型鏈 , 前端 , Javascript

harryfyodor 頭像

harryfyodor - Backbone源碼解讀（二）

1. 開場 強烈建議一邊看着源碼一邊讀本文章，本文不貼大段代碼。源碼地址。 在寫backbone應用的時候，説實話，大部分的時間都是在寫這三個模塊的內容。關於這三個模塊的分析網上隨隨便便就能找到一堆還不錯的文章。但我希望能夠找到一條線索，能把各自模塊的內部機理整理清楚。就像前一篇文章中介紹的Events那樣。Events整個模塊其實就是通過一些外部的方法來修改內部對象的屬性，從而達到事件管理

backbone.js , backbone , 源碼分析 , Javascript

atila-fassina 頭像

Atila Fassina - Fine-Grained Access Handling And Data Management With Row-Level Security

Many apps have some kind of user-specific information or data that is supposed to be accessed by a certain group of users and not by others. With these sorts of requirements comes a demand for fine-

Security , Apps , Privacy

lihaixing 頭像

lihaixing - 二進制運算實例

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

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

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

yangyaya 頭像

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

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

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

user_p5fejtxs 頭像

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

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

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

wuyagege 頭像

雲綺棠兮 - JavaScript之對象篇

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

node.js , object , 前端 , Javascript

addy-osmani 頭像

Addy Osmani - Journey Through The JavaScript MVC Jungle

When writing a Web application from scratch, it’s easy to feel like we can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with thi

Tools , coding , Essentials , Javascript