收藏 / 列表

b2proxy 頭像

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

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

php , 數據庫 , Android , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-Promise及有關函數

Promise 詳解及常用方法對比 1. Promise 原理詳解 1.1 Promise 基本概念 Promise 是 JavaScript 中用於處理異步操作的對象，它代表一個異步操作的最終完成（或失敗）及其結果值。 // Promise 的三種狀態 const promise = new Promise((resolve, reject) = { // Pending 狀態（進行中）

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

wupeng_5a4de5c290b9d 頭像

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

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

chrome-devtools , 前端

jueqiangqingtongsan 頭像

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

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

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

wanzuqiudeshangba 頭像

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

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

flexbox , typescript , 後端 , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

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

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

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

danjuanfe 頭像

前端蛋卷 - 快來看看 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

linong 頭像

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

liuyuedekele 頭像

六月的可樂🥤 - 智能API代碼示例生成工具AiRestful

一、產品介紹 AiRestful是一款基於智能AI的,幫助小白快速生成任意編程語言的API接口調用示例代碼的編程工具.它的特點是:簡單易用、集成支持、多主流編程語言覆蓋.它是面向學生、編程愛好者、編程小白的實用工具. AiRestful官網: 點擊直達AiRestful官網 二、如何使用 AiRestful是簡單易用的,只需要三步即可為您生成您需要的編程語言的代碼示例. 1、第一步(必須): 根

restful , 人工智能 , 深度學習 , 前端 , Javascript

apifox 頭像

Apifox - 構建最佳 GraphQL API：實踐策略

當我們構建 GraphQL API 時，保持對過去和將來的考量都至關重要。這就要求我們的 API 既要兼容以前的實現，也能適應未來的變革。 一、維持與過去的連續性 保證API與歷史版本的兼容性是API設計中的一個重要方面。開發者必須牢記，在升級或擴展功能時，不能忽視那些仍在使用舊版本應用的用户。儘管這可能會增加開發的複雜性和成本，但能夠避免用户升級時出現問題，這樣能大大減少開發週期中返工的時間和代

graphql-tools , API , graphql , 後端 , graphql-java

dirackeeko 頭像

DiracKeeko - [nginx] 一個CORS的漏洞修復

前端項目被掃描出了一個CORS漏洞，記錄一下漏洞的復現和修復。 首先要明確，這個問題出在哪裏。 我負責的系統是一個前後端分離的應用，前端部署使用Nginx做反向代理。對於前端應用來説client是瀏覽器，瀏覽器發起的請求都是通過nginx配置轉發到不同後端的服務器。 舉個例子，某個用户用瀏覽器瀏覽頁面，發起了4個請求： front.domain/api/auth/login - auth服務

cors , Nginx , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：Flex 佈局

flex 佈局原理 全稱 flexible box，彈性佈局。 如何開啓：為元素添加 display: flex。 開啓 flex 佈局的元素，稱為 flex 容器（flex container），其子元素成為容器成員，稱為 flex 項目。 flex 佈局原理：通過給父盒子添加 display: flex，來控制盒子的位置和排列方式。 flex 佈局父盒子常見屬性 flex-direction

flex , typescript , 前端 , Javascript

johanazhu 頭像

山頭人漢波 - 從淺入深瞭解Koa2源碼

在前文我們介紹過什麼是 Koa2 的基礎 簡單回顧下 什麼是 koa2 NodeJS 的 web 開發框架 Koa 可被視為 nodejs 的 HTTP 模塊的抽象 源碼重點 中間件機制 洋葱模型 compose 源碼結構 Koa2 的源碼地址：https://github.com/koajs/koa 其中 lib 為其源碼 可以看出，只有四個文件：application.js、cont

koa2 , node.js , 源碼分析 , 前端 , Javascript

snowwolfarden 頭像

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時，JavaScript 只有一種結構：對象。每個實例對象（object）都有一個私有屬性（稱之為 proto ）指向它的構造函數的原型對象（prototype）。 該原型對象也有一個自己的原型對象（__proto__），層層向上直到一個對象的原型對象為 null。根據定義，null 沒有原型，並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

_6085362b65292 頭像

HZFEStudio - 瀏覽器事件循環

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環，瀏覽器

事件循環 , node.js , 瀏覽器 , 前端性能 , Javascript

biubiu_5deda9568bbf1 頭像

巴斯光年 - javascript模塊化【RequireJS 】

一、模塊化的由來 在沒有模塊化思想之前，我們總是將大量的邏輯代碼寫在一起，這樣的代碼雜亂無章，沒有條理性，不便於維護，不利用複用。並且很多代碼重複，邏輯重複。甚至造成全局變量污染，也不方便保護私有數據。 為了解決上面的問題，模塊化的編程思想應運而生。 模塊化的基本思想就是：==閉包自調用函數== 對閉包瞭解不夠的同學，請先查看《 JS閉包全面解析》一文。 二、模塊規範 想要了解

模塊化 , requirejs , Javascript

u_16213608 頭像

mob64ca13fe62db - stageMode模式 INSTALL_PARSE_FAILED_USESDK_ERROR stage setting

這章中使用的示例，會延續上一章創建的Rails應用chapter2，但是我們會創建一個新的controller。在終端下執行： script/generate controller chapter3 index get_time repeat reverse

機器學習 , xhtml , HTTP , ViewUI , 人工智能 , HTML , Javascript

u_15903730 頭像

WangLanguager - GloVe介紹和代碼示例

GloVe 介紹 GloVe（Global Vectors for Word Representation）是一種用於生成詞嵌入的模型，由斯坦福大學的研究團隊於 2014 年提出。與 Word2Vec 的局部上下文窗口方法不同，GloVe 通過全局詞共現矩陣來捕捉詞與詞之間的關係。 GloVe 的基本原理 GloVe 的核心思想是利用詞

yyds乾貨盤點 , 自然語言處理 , 詞向量 , 前端開發 , Javascript , Python

sam-poder 頭像

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

michelle-barker 頭像

Michelle Barker - Building A Dynamic Header With Intersection Observer

The Intersection Observer API is a JavaScript API that enables us to observe an element and detect when it passes a specified point in a scrolling container — often (but not always) the viewport — t

performance , API , Javascript , ui

u_17350491 頭像

轉角處的湯姆 - 前端代碼檢查工具：提升開發效率與代碼質量

在前端開發中，隨着項目的日益複雜和團隊的擴大，代碼質量變得越來越重要。為了確保代碼的可維護性、可讀性以及可擴展性，前端開發者往往需要藉助各種工具來幫助他們檢查和優化代碼。這些工具被統稱為“前端代碼檢查工具”。本文將帶你瞭解前端代碼檢查工具的核心概念，並介紹一些常見的工具及其使用方法。 為什麼需要前端代碼檢查工具？ 隨着前端開發的不斷髮展，項目的複雜性逐漸增加。前端代碼

代碼檢查 , Css , 開發者 , 前端開發 , Javascript

u_17141077 頭像

g天命風流 - 併發編程之常見線程安全類以及一些示例的詳細解析

常見線程安全類 String Integer StringBuffer Random Vector Hashtable java.util.concurrent 包下的類 這裏説它們是線程安全的是指，多個線程調用它們同一個實例的某個方法時，是線程安全的。也可以理解為 Hashtable table = new Hashtable()

項目代碼 , 線程安全 , JAVA , 前端開發 , Javascript

zara-cooper 頭像

Zara Cooper - How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

Chat is becoming an increasingly popular communication medium in both business and social contexts. Businesses use chat for customer and employee intra-company communication like with Slack, Microso

node.js , API , Apps , Javascript