收藏 / 列表

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來:真實身份下的網絡自由

在網絡世界裏,身份幾乎等同於權力。一個IP地址,不僅決定了你能訪問什麼內容,也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代,住宅代理(Residential Proxy),正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要? 過去,我們習慣使用數據中心代理(Datacenter Proxy)去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-原型與繼承

我們來深入、系統地詳解 JavaScript 的原型與繼承。這是 JavaScript 中最核心、最獨特的特性之一。 第一部分:核心概念 - 為什麼需要原型? JavaScript 在誕生之初,被設想為一種簡單的腳本語言,並未打算引入類的概念。為了實現對象之間的屬性和方法共享,從而節省內存並建立繼承關係,設計了基於原型的繼承模型。 第二部分:理解 __proto__ 與 prototype 這是

教程 , 知識 , 前端 , Javascript

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

PatWu16 - DragControls拖拽插件優化:從指定平面到任意平面

現狀:Threejs官方demo提供了DragControls.js平面拖拽控件,但只能拖拽Object在垂直於相機法線的平面上移動 目標場景:在六面體空間盒子中沿着六面體平面拖拽物體,並且需要限制在盒子內部 已知:空間盒子大小,對象所在的平面 方案設計: 將Object拖拽依賴的信息放在userData中,示例如下 基於拖拽控件,改造部分關鍵代碼,實現目標 // 模型對

three.js , 前端 , Javascript

倔強青銅三 - Vite VS Webpack,誰才是最強構建工具

Vite VS Webpack,誰才是最強構建工具 前言 大家好,我是倔強青銅三。是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 Vite vs Webpack:哪個更適合您的項目? 隨着Web應用的不斷髮展,對更快、更高效的開發工具的需求也在日益增長。多年來,Webpack一直是複雜應用的首選打包工具,以其強

vue.js , vite , webpack , 前端 , Javascript

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API:優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API,極大地簡化了對集合的操作。傳統上,Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作,這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式,使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景,幫助你更好地掌握這一工具。 一、

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

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日,第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範,這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map,Map中的 key由回調提供: Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

六月的可樂🥤 - 免費在線圖片編輯網站推薦

🔥發現神器!「可樂改圖」——一站式在線圖片編輯平台,讓工作更高效!🚀 大家好!今天我要給大家安利一個我最近發現的寶藏工具——「可樂改圖」,一個集多功能於一身的在線圖片編輯平台,簡直是職場人士和創作者的福音!🎉 官網地址: https://luckycola.com.cn 一、🌟產品介紹🌟 「可樂改圖」是一款簡單易用的在線圖片編輯神器,它不僅涵蓋了“壓縮圖片”、“圖片格式轉換”

圖片壓縮 , 圖片處理

Apifox - 如何模擬後台API調用場景,很細!

簡介 在開發前後台分離項目並且通過不同團隊來實現的時候,如何將後台設計的 API 準確的傳達到前台,是一個非常重要的工作。為了簡化這個過程,開源社區做了很多努力,比如 protobuf技術,swagger 的誕生, 以及後面 openapi 的演化,都在試圖解決 API 描述和文檔的問題。這些標準某些程度上大大簡化了 API 文檔的撰寫和維護,但是API設計往往比較複雜,所以另外還有一些痛點沒有解

api文檔 , postman , 前後端分離 , 後端 , 前端

肥皂泡 - js 正則實現過濾html字符串,給h1和h2標籤添加id,實現錨點功能

正則要求: 沒有id屬性的h1/2標籤,支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻,確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性(如果有的話)。 ([\s\S]*?): 捕獲標籤內部的所有字符,包括空格和換行符。 .*? 是非貪婪模式,表示儘可能少地匹配字

正則表達式 , Javascript

山頭人漢波 - Koa2從零到腳手架

什麼是 Koa2 由 Express 原班人馬打造的新生代 Node.js Web 框架,它的代碼很簡單,沒有像 Express 那樣,提供路由、靜態服務等等,它是為了解決 Node 問題(簡化了 Node 中操作)並取代之,它本身是一個簡單的中間件框架,需要配合各個中間件才能使用 文檔 中文文檔 (野生) 最簡單的 Koa 服務器 const Koa = require('koa') cons

koa2 , node.js , 前端

SnowWolfArden - Day 56/100 AngularJS 依賴注入

(一)需求 被問到AngularJS依賴注入的原理時,發現自己掌握的不好,於是總結記錄下。 (二)依賴注入介紹 1、為什麼要有依賴注入? 減少代碼之間的耦合度,使代碼有很強的可擴展性。 模板功能強大豐富,並且是聲明式的,自帶了豐富的Angular指令; 是一個比較完善的前端MVC框架,包含模板,數據雙向綁定,路由,模塊化,服務,過濾器,依賴注入等所有功能; 依賴注入簡化了組件之間

angularjs , 前端 , Javascript

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數,生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

巴斯光年 - js實現數據單向綁定

如果你在學習一種前端框架,如vue、angular等,那麼你一定不會對數據的單向綁定陌生。 何為數據的單向綁定? 傳統開發模式下,如使用jQuery開發,我們想將一個變量顯示到html中,首先要定義一個變量name,然後通過jq代碼操作dom將變量放到HTML中,如果name發生修改,還要再次通過jq代碼操作dom將新的變量值放到HTML中。這就是傳統的MVC框架,其中的Model和View是我們

vue.js , 雙向綁定 , 前端 , Javascript

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

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

腳手架cli , 工具 , 前端工程化 , 前端 , Javascript

limingcan - 關於原型鏈的問題,教你怎麼套用方法直接判斷,面試不再虛

前言 首先原型、原型鏈,算是前端進階裏面必不可少,十分重要的一塊了。由於這塊特別繞,所以面試官很喜歡用這一塊來辨別你的底層知識掌握的怎麼樣。用的第三方框架,庫裏面,很多功能模塊化了,但大部分功能都繼承自一個基類。既然涉及到繼承,那也必不可少得先了解原型鏈,所以原型鏈確實重中之重。 為什麼大家對原型,原型鏈子會感到“懵”跟“繞” 其本質是因為,大家都沒理清楚__proto__、prototype、c

繼承鏈 , 原型 , 繼承關係 , 繼承 , 原型鏈

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中,與後台進行交互時,需要進行 form 表單的提交,然後在頁面刷新後給用户反饋結果。在頁面刷新過程中,後台會重新返回一段 HTML 代碼,這段 HTML 中的大部分內容與之前頁面基本相同,這勢必造成了流量的浪費,而且一來一回也延長了頁面的響應時間,總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年,AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

新茶十九 - forceWebGL 和 forbidenWebGL

高德地圖中 forceWebGL 和 forbiddenWebGL 這兩個參數的區別、用法和注意事項。 這是一個非常具體且重要的問題,因為它直接關係到高德地圖渲染引擎的選擇。 🆚 核心區別對比 特性 window.forceWebGL = true window.forbiddenWebGL = true

vue.js , 高德地圖 , API , webgl , 前端開發

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解,查了資料才明白其中的緣由,遂以志之。問題是這樣的: button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

用户bPdeUmS - TypeScript 中的類型推斷詳解:為什麼我們應該信任 TypeScript 的推斷能力?

在 TypeScript 中,類型推斷(Type Inference)是一個強大且被廣泛使用的特性。它允許開發者在許多情況下省略顯式的類型註解,從而簡化代碼,同時仍然享受強類型系統帶來的安全性和可靠性。然而,對於初學者或經驗不足的開發者來説,常常會疑惑:我真的可以完全信任 TypeScript 的類型推斷嗎?它的邊界和侷限性是什麼? 本文將聚焦於這個問題,通過深入解析 TypeScript 的類型

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

瘋狂的技術宅 - 深入理解 JavaScript 回調函數

作者:Nilesh Sanyal 翻譯:瘋狂的技術宅 原文:https://dzone.com/articles/ja... 未經允許嚴禁轉載 JavaScript回調函數是成為一名成功的 JavaScript 開發人員必須要了解的一個重要概念。但是我相信,在閲讀本文之後,你將能夠克服以前使用回調方法遇到的所有障礙。 在開始之前,首先要確保我們對函數的理解是紮實的。 快速回顧:Java

回調函數 , callback , Javascript

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞:觀察者模式。 觀察者模式是什麼? 觀察者模式和回調函數有什麼關係? 使用httpClient時,加上.subscribe有什麼作用? Angular的httpClient中如何體現觀察者模式? 解決了上述問題之後,就寫了這篇文章。 (這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數,卻沒有給出實際應用的例子。) 引入問題:httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的,因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例,如下: 把任務拆解下: 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api,不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

華為雲開發者聯盟 - 雲小課 | “VPC連接”知多少

摘要:華為雲提供了豐富的網絡服務,可滿足多種網絡互連場景。 同Region的兩個VPC怎麼連通?” “跨Region的兩個VPC又怎麼連通?” “VPC內的ECS搭建了一個應用,需要訪問Internet,怎麼弄?” “某客户的業務一部分在香港,一部分在大陸,怎麼經濟可靠的連接起來?” “某客户既有本地的數據中心,又想把一部分業務放到雲上,怎麼玩?” …… …… 網絡域大家族提供了豐富的雲產

idc , internet-explorer , 華為雲 , 私有云 , 網絡