收藏 / 列表

lingleidejiandao 頭像

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

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

教程 , 知識

aipaobudefanqie 頭像

愛跑步的番茄 - 什麼是代理服務器？技術原理與應用解析

代理服務器（Proxy Server）是位於客户端與目標服務器之間的中間層節點，負責轉發網絡請求。在網絡通信體系中，它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下： Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP，而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - webpack優化：提高二次構建速度

痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript

daoshanghundesijidou 頭像

用户bPdeG32 - 深入理解 CSS Flexbox：如何使用彈性佈局實現自適應的水平和垂直居中

在 Web 開發中，佈局一直是 CSS 的一個重要主題，而水平和垂直居中往往是佈局中最常見、最基礎的需求。傳統的居中方法通常需要使用多層嵌套、position、margin 等屬性來實現，代碼繁瑣且不夠靈活。而隨着 CSS 彈性佈局（Flexbox）的引入，水平和垂直居中變得非常簡單、直觀，幾乎可以適應所有的佈局場景。 本文將專注於如何使用 CSS Flexbox 來實現內容的自適應居中，包括水平

ecmascript-6 , css3 , Css , HTML , 前端

yangy5hqv 頭像

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目，該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式，方案1：通過iframe集成mxcad項目；方案2：直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式，這種方式與iframe嵌套集成相比更加方便，集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先，什麼是噪聲呢？在上篇文章中我介紹過一個生成隨機數的函數，利用隨機技巧我們生成了一個類似剪紙的圖案，那在自然界中，這種離散的隨機也是比較常見的，比如蟬鳴突然響起又突然停下，比如雨滴隨機落在一個位置，但是隨機和連續並存是更常見的情況，比如山脈的走向是隨機的，但山峯之間的高度又是連續的，比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來，就形成了噪聲

webgl , 可視化 , 前端

jrue 頭像

前端小菜 - JS如何刪除對象中的某一屬性

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

ecmascript-6 , es5 , Javascript

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-12-26），目前最新是 4.0.8，

react , 小程序 , webpack , 前端 , Javascript

u_17443142 頭像

51搜不到你 - 平替魯大師 硬件狗狗工具箱分享

2010年魯大師被收購後，他的畫風就變了，各種廣告層出不窮，安裝後也成一個流氓軟件，簡直沒眼看。 今天分享一款平替工具箱——硬件狗狗，包含安裝板112M和免安裝版9M，免安裝版相對來説功能會少點，但也不影響主要功能，大家可以根據需求自行選擇。 免安裝 安裝版 在我的硬件中上面可以看到CPU、顯卡、主板、內存、

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , Javascript

u_16213608 頭像

mob64ca13fe62db - accessible: module jdk.compiler does not “opens com.sun.tools.javac.processing“ to unnamed module_qq

處理“module jdk.compiler does not “以” com.sun.tools.javac.processing” to unnamed module”錯誤的終極指南 開發過程中遇到這個討厭的錯誤，讓你抓耳撓腮嗎？別擔心，你並不孤單。這個錯誤往往源於JDK項目版本與Maven編譯版本的不一致。本文將深入探討這個錯誤，並提供詳細的分步指南，幫助你輕鬆解決它

新版本 , JAVA , ci , 前端開發 , 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

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

u_17072679 頭像

前端小巷子 - Vue嵌套路由

Vue嵌套路由 在單頁應用裏，“頁面”不再是整屏刷新，而是由路由驅動的組件樹。當業務複雜到「用户中心 → 個人資料 / 收貨地址 / 賬號安全 / 好友列表」這種層級時，嵌套路由（Nested Routes）是唯一能把深度與可維護性同時保留下來的方案。 一、嵌套路由到底在解決什麼問題 想象一個用户中心： /user 用户中心外殼（Layou

用户中心 , 嵌套 , 前端開發 , Layout , Javascript

u_17141077 頭像

g天命風流 - 併發編程之的ArrayList安全性的詳細解析

ArrayList不安全 ArrayList中的add方法沒有synchronized修飾，是不安全的 下面代碼運行結果（異常 java.util.ConcurrentModificationException）： import java.util.ArrayList; import java.util.List; import java.util.UUID;

項目代碼 , List , JAVA , 前端開發 , Javascript

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

linx 頭像

前端路引 - Web前端入門第 85 問：JavaScript 一個簡單的 IndexedDB 數據庫入門示例

在前端風風雨雨的混了多年，從沒在項目中實際使用過 IndexedDB 這個瀏覽器端的數據庫，所以今天就摸了下 MDN 的後門，寫一個簡單的入門示例。 頁面大概長這樣： 源碼： 以下代碼包含了一個數據庫所有的 CRUD （增刪改查）操作。 div button id="js_add_btn"添加書籍/button /div div input type="text" name="" id=

前端 , Javascript

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

gqkmiss 頭像

月恆 - 使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現CSP錯誤

使用 CRXJS 構建 Chrome 插件在 Chrome 瀏覽器升級到 130xxx 版本之後，出現 Content Security Policy 錯誤 一、前言 之前有個老哥找我寫了插件，到現在幾個月過去了，今天早上和我説 Chrome 瀏覽器報錯運行不起來了，但是 edge 瀏覽器沒問題。 就幫忙定位了下問題，發現是 Content Security Policy 的問題導致的報錯； 老

gulp , chrome , chrome-extension , 前端

kestrel_task 頭像

微芒不朽 - CSS Flex 佈局比 float 更值得學

在現代 Web 開發中，佈局是構建用户界面的核心環節。長期以來，CSS 的 float 屬性曾是實現多列布局的主要手段，但隨着 CSS 技術的發展，Flexbox（彈性盒子佈局）已成為更強大、更直觀、更可靠的佈局方案。本文將從多個維度對比 float 與 Flex 佈局，並闡明為何 Flex 佈局更值得投入時間學習和使用。 1. 歷史背景：從 float 到 Flexbox float 最初設計用

前端

zhuifengdekukafei 頭像

追風的苦咖啡 - 雙證書部署 + 國密算法：企業滿足多行業監管要求的最優解

雙證書部署 + 國密算法：企業跨行業監管合規的最優解 一、引言：跨行業監管合規 —— 企業數字化轉型的 “必答題” 在《密碼法》《數據安全法》及等保 2.0/3.0 標準全面落地的背景下，企業面臨前所未有的合規壓力：政務系統需滿足國產化加密要求，金融平台要兼顧跨境支付合規與數據主權，醫療行業則需符合《個人信息保護法》的數據傳輸規範。傳統單一加密方案難以適配多行業監管差異，導致合規成本高企、系統兼容

算法新解 , ssl證書 , 安全防護 , HTTPS

shimiandeshatanku 頭像

李遊Leo - 深入理解 ECMAScript 2024 新特性：正則表達式 /v 標誌

ECMAScript 2024 （ES15）標準引入了新的正則表達式標誌 /v，這一新增功能不僅優化了多行匹配的處理，還增加了對特殊字符匹配的支持。這一變革對於需要處理複雜文本數據的應用場景尤為重要，比如日誌分析、代碼審核等。接下來，本文將深入探討 /v 標誌的實際應用價值，並通過多個編程案例來展示其強大的實際應用能力。 /v 標誌的技術背景與應用 正則表達式作為開發者的有力工具，經常被用於字符

ecmascript , Javascript

minnanitkong 頭像

王大冶 - 使用 React Query 時還需要 Redux 嗎？| 狀態管理 2024

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 隨着前端技術的不斷髮展，狀態管理一直是React應用開發中的核心問題。Redux作為長期佔據主導地位的狀態管理庫，為開發者提供了可預測的狀態容器和強大的生態系統。然而，隨着React Query等新興工具的出現，開發者們開始重新思考狀態管理的最佳實踐。本文將深入探討在2024年的前

ecmascript-6 , 前端 , Javascript

nanchengfe 頭像

南城FE - 純 CSS 實現計時器效果

本文翻譯自 How to Make a CSS Timer，作者：PREETHI SAM， 略有刪改。 有時候我們需要再網站中使用計時器。比如下單購物成功後增加倒計時回到首頁；或者一些時間管理工具（番茄工作法），當遇到這些情況時，我會毫不猶豫地使用JavaScript，因為它可能是處理這類事情的更強大的工具。 然而在某些場景下 CSS 替代品也同樣有趣和高效。現在的電子郵件客户端具有很強的 CSS

動畫 , Css , 前端