收藏 / 列表

aipaobudefanqie 頭像

愛跑步的番茄 - 代理IP是什麼？核心概念、類型與應用場景全面解析

在跨境電商、數據採集、廣告投放、賬號安全防護等依賴互聯網業務的領域中，代理IP逐漸成為基礎設施。它能夠隱藏真實身份、突破地域限制並提升賬號穩定性，對於企業和個人業務增長意義重大。 本文將系統解析代理IP的概念、原理、類型與選型要點。 一、代理IP的定義 代理IP（Proxy IP）指用户通過代理服務器訪問互聯網時，以代理服務器的IP替代用户自身真實IP的一種網絡技術。 代理IP能夠更改

數據庫 , Android , 後端 , 前端

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

yangy5hqv 頭像

夢想雲圖網頁CAD - （在線CAD插件）網頁CAD二開表格提取功能

前言 CAD圖紙上的表格信息承載着大量關鍵數據，生產過程中會導出表格數據到excel，本文將介紹如何通過自定義 MxCAD 插件，在web端實現對CAD圖紙中表格的智能識別、自動合併與高效導出，大幅提升數據提取效率與準確性，效果如下： 一、功能概述 本次圖紙表格提取主要實現以下核心功能： 交互式區域選擇：用户通過鼠標框選目標表格區域。 圖形元素識別：自動識別範圍內的直線、文字、多段線

node.js , typescript , npm , 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 - 前端代碼規範彙總

前言 本文部分內容基於 Vue，大部分情況下都是前端通用的。 本文旨在規範lint不能解決的前端代碼，不與已有的 eslint、 stylelint、prettier 規則重複。 規範 HTML規範 語義化標籤 標題 h1 ~ h5 列表 ul + li 文字塊 p 佈局 header nav section article aside

規範化 , jsdoc , Css , HTML , 前端

wupeng_5a4de5c290b9d 頭像

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

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

chrome-devtools , 前端

shenfq 頭像

Shenfq - React 中 setState 是一個宏任務還是微任務？

最近有個朋友面試，面試官問了個奇葩的問題，也就是我寫在標題上的這個問題。 能問出這個問題，面試官應該對 React 不是很瞭解，也是可能是看到面試者簡歷裏面有寫過自己熟悉 React，面試官想通過這個問題來判斷面試者是不是真的熟悉 React 🤣。 面試官的問法是否正確？ 面試官的問題是，setState 是一個宏任務還是微任務，那麼在他的認知裏，setState 肯定是一個異步操作。為了判斷

react , promise , settimeout , 前端 , Javascript

qinglong_62898aa51988d 頭像

清隆 - 為什麼 shift 比 pop 慢？JS 中隊列的實現

我們知道在 JS 中，刪除數組元素有兩個方法：pop 與 shift，分別可以刪除末尾與開頭的元素。 然而同樣是刪除元素，它們的執行時間確實不同的。 當數組項目較多時，shift 的執行時間明顯長於 pop。 const test = (arrLength) = { let arr1 = [] console.time(`${arrLength}-arr1`) for (let i =

shift , pop , 隊列 , 前端 , Javascript

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（二）

前言 本文是 ahooks 源碼系列的第三篇，往期文章： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 【解讀 ahooks 源碼系列】DOM篇（一） 本文主要解讀 useEventTarget、useExternal、useTitle、useFavicon、useFullscreen、useHover 源碼實現 useEventTarget 常見表單控件(通過 e

react , hooks , 前端 , Javascript

u_17443142 頭像

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

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

電腦使用 , 免安裝 , 驅動大師 , 前端開發 , 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 頭像

華為雲開發者聯盟 - 帶你認識數據庫視圖對象，下次不要再認成“表”了

摘要：本文介紹GaussDB(DWS)的數據庫視圖對象，我們將討論使用數據庫視圖的優點和缺點，以及如何使用系統視圖解決一些問題。 本文分享自華為雲社區《GaussDB(DWS) SQL進階之數據庫對象 - 視圖》，作者：黎明的風 。 （一）視圖概述 當用户對數據庫中的一張或者多張表的某些字段的組合感興趣，而又不想每次鍵入這些查詢時，用户就可以定義一個視圖，以便解決這個問題。視圖中列可以來自於

視圖 , gaussdb , 數據庫 , SQL , 對象

heath_learning 頭像

heath_learning - CSS BFC特性(塊級格式化上下文)

1、元素的BFC特性 BFC全稱為”Block Formartting Context”，中文為”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境，並且有一套渲染規則， 它決定了其子元素將如何定位，以及它和其他兄弟元素的關係和相互作用。 BFC佈局規則： 1）bfc內部的元素會在垂直方向，一個接一個地放置 2）盒子垂直方向的距離有margin決定，屬於同一個bfc的兩個相鄰元素的margi

css技巧 , bfc , Css , HTML

bianchengsanmei 頭像

編程三昧 - Webpack 簡介

構建其實是工程化、自動化思想在前端開發中的體現，把一系列流程用代碼去實現，讓代碼自動化地執行這一系列複雜的流程。 構建給前端開發注入了更大的活力，解放了我們的生產力。 Webpack 憑藉強大的功能與良好的使用體驗，已經成為目前最流行，社區最活躍的構建工具，是現代 Web 開發必須掌握的技能之一。 背景 在當下的前端環境裏，各種框架和工具層出不窮，比如 React、Vue、Angular 等，極大

構建工具 , 前端構建 , 工程化 , webpack , 前端

harryfyodor 頭像

harryfyodor - Backbone源碼解讀（三）

注意：強烈建議一邊閲讀源碼一邊閲讀本文。 終於到了backbone源碼解讀的最後一篇，這一篇和前面幾篇時間上有一定的間隔（因為要回學校有一堆亂七八糟的事...）。在這一篇裏面會講解Bakcbone的sync router histrory。sync比較簡單，但是路由的部分就比較複雜了。個人覺得是整個backbone源碼裏面最不好懂的一個部分，這個部分也使得backbone可以方便實現可以“返回

backbone.js , Javascript

shawnphang 頭像

茶無味的一天 - 如何優雅地編寫一個高逼格的JS插件？

在一個風和日麗的早晨，我正悠閒地喝着Coffe，突然領導向我走來，我趕緊熟練地切出VSCode，淡定自若地問：領導，什麼事？領導拍了拍我的肩膀：你上次封裝的方法同事跟我反饋使用起來很不錯啊，你不如做成JS插件給大家用吧。我放下了手中的馬克杯，甩了一下眼前僅剩的幾根劉海：沒問題啊，小Case！隨即開始摸魚.... 原型鏈寫法 要開始編寫插件就得先了解JS模塊化，早期的模塊化是利用了函數自執行來實現的

插件 , 模塊化開發 , 插件化 , 前端 , Javascript

atila-fassina 頭像

Atila Fassina - Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about settin

API , Apps , cms , Browsers , serverless

lihaixing 頭像

lihaixing - 詳解函數作用域

一、變量提升 1、變量 var 表示是變量 存在提前申明 同時也會和window存在映射機制(只存在於全局變量和window之間) console.log(a); // undefined 沒報錯，變量提升了 console.log(window.a, 'a' in window) // undefined true var a = 5; console.log(a); // 5 consol

函數 , 作用域 , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - 使用 Goroutines 和 Channels 實現高效併發編程

Go 是一門以併發為核心設計的編程語言，其 Goroutines 和 Channels 提供了輕量級且高效的併發模型。在現代軟件開發中，性能和併發是兩個至關重要的因素，而 Go 的設計讓開發者能夠以一種簡單、直觀的方式實現高效的併發程序。 本文將深入探討 Goroutines 和 Channels 的核心原理，分析它們的實際使用場景，並通過代碼示例展示如何利用它們構建高效的併發應用程序。 Gor

php , springboot , lavarel , go , 後端

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結（含

面試 , 筆試 , Css , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui

addy-osmani 頭像

Addy Osmani - The Smashing Guide To Moving The Web Forward

Modernizr, HTML5 Boilerplate and jQuery are just a few examples of well known projects which were born from a desire to put something out there that could help others on the Web do more. These proje

Community , Tools , Opinion Column , Javascript

hello888 頭像

洛陽醉長安行 - js 使用遞歸上傳文件（批量上傳文件）、上傳進度

當接口不支持批量上傳，使用遞歸實現單文件上傳，配合mui.loading實現上傳進度 var imgAppendixArr = [];//當前已上傳的圖片信息數組，可傳遞給後端 //多張圖片遞歸上傳 function uploadList(obj, i) { var fileList = $("#" + obj.inputId)[0].files; var i = i || 0;//初始為

移動端 , mui , 前端 , Javascript