收藏 / 列表

前端胖頭魚 - 如何實現swipe、tap、longTap等自定義事件

前言 移動端原生支持touchstart、touchmove、touchend等事件,但是在平常業務中我們經常需要使用swipe、tap、doubleTap、longTap等事件去實現想要的效果,對於這種自定義事件他們底層是如何實現的呢?讓我們從Zepto.js的touch模塊去分析其原理。您也可以直接查看touch.js源碼註釋 源碼倉庫 原文鏈接 事件簡述 Zepto的touch模

zepto , jquery , html5 , Javascript

IT開發者筆記 - CAD文件處理控件Aspose.CAD教程:在Python中將SVG轉換為PNG

縮放SVG文件而不會損失圖像質量,因此,SVG文件格式被廣泛用於徽標和圖標。在某些情況下,您確實需要將 SVG 轉換為其他圖像文件格式,以便與打印應用程序兼容。 本篇教程,我們將學習如何使用Aspose.CAD for Python via .NET將 SVG 轉換為PNG 。這款 3D CAD SDK 有助於實現單個文件和多個文件格式轉換的自動化。我們將編寫一個完整的代碼示例,以演示Aspos

後端 , Python

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

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

教程 , 知識

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

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

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

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

夢想雲圖網頁CAD - (WEB在線編輯DWG)在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能,用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值,同時可以自定義選擇標註文字的位置,測量圓功能能夠快速掌握目標圓對象的數據信息,方便統計工程量。 測量面積功能(多邊形、矩形)以多邊形的每一個頂點來確定多邊形的形狀和位置,通過點擊矩形的量角點來確定矩形的大小和位置,也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

前端小菜 - js解析url的三種方法

js解析url,將如下url中的參數解析為key-value對象 https://mp.weixin.qq.com/adva... 方法1,split() + 循環依次取出 parseURLParams(url) { let queryParams = {} // 判斷是否有參數 if (url.indexOf('?') 0) return queryPar

ecmascript-6 , es5 , Javascript

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

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

shift , pop , 隊列 , 前端 , Javascript

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

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

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

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

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

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

mob64ca13fe62db - tableau docker安裝

tableau可視化 When working with geospatial data, it’s often useful to visually inspect the data on a map. In this tutorial, we will be using real cellph

雲計算 , 數據可視化 , tableau docker安裝 , JAVA , Docker , 可視化 , Python

Kirill Myshkin - Discovering Primitive Objects In JavaScript (Part 1)

It seems natural to use strings to distinguish things. It’s very likely that in your codebase, there are objects with name, id, or label properties that are used to determine if an object is the one

Techniques , Tools , Javascript

華為雲開發者聯盟 - 淺談產品模型(Profile)在程序設計中的作用

引言:物聯網平台的一個重要功能就是資產管理,產品或者設備都可以看成是資產中組成部分,所以有時候説物聯網平台可以進行產品管理和設備管理。通常應用物聯網平台開發一套具有產品或者設備管理功能的系統的時候,必須定義產品模型(Profile)。很多物聯網平台的使用文檔中大都會介紹瞭如何建立滿足平台要求的產品模型,但是很少説明為什麼要建立產品模型,建立的產品模型跟程序設計有啥關係。因此很多開發者都會按照介

產品文檔 , 物聯網 , 華為雲 , profile , 程序設計

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

新茶十九 - 高德地圖,開啓webGL效率高還是關閉效率高

關於高德地圖中WebGL的開啓與關閉對效率的影響,絕大多數情況下,開啓WebGL的效率遠高於關閉。 下面我將從多個維度進行詳細對比分析,並提供具體的場景建議。 🆚 效率全面對比 效率維度 開啓 WebGL (推薦) 關閉 WebGL (使用 Canvas 2D) 渲染性能

vue.js , 3d , webgl , 前端開發 , Javascript

Christian Heilmann - Progressive Enhancement And Standards Do Not Limit Web Design

Lately I have been getting bored and annoyed with people getting up in arms against Web standards and the ideas of progressive enhancement, claiming that they hold us back from creating a rich, beau

Process , Web Design , Discussions , Opinion Column , Design

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

玩足球的傷疤 - JavaScript與TypeScript的對比:深入理解兩者的異同

JavaScript 和 TypeScript 是當今最流行的兩種編程語言,尤其在前端開發中,它們佔據着主導地位。雖然這兩種語言在表面上看起來很相似,但它們有着顯著的差異,尤其是在類型系統、開發體驗、代碼維護性等方面。本文將深入探討 JavaScript 和 TypeScript 的差異,幫助開發者理解何時選擇使用 JavaScript 或 TypeScript,以及如何在項目中有效地運用它們。

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

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

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

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

小X學技術 - Y 分鐘速成 jquery

源代碼下載: jquery-cn.js jQuery是JavaScript的一個函數庫,它可以幫你“寫更少,做更多”。它集成了很多常見的JavaScript任務並且很容易調用。jQuery被世界各地的很多的大公司和開發者使用。它包括了AJAX,事件處理,文檔操作以及很多其它功能,並且更加簡單和快速。 正因為jQuery是JavaScript的一個函數庫,所以你需要 首先學習JavaScript

語法 , 入門 , Ajax , jquery , Javascript

洛陽醉長安行 - mui 多個tab頁實現下拉刷新上拉加載

下拉刷新組件的dom結構 div id="refreshContainer" class="mui-scroll-wrapper" div id="refreshBox" div class="active" id="tab1"/div div id="tab2"/div div id="tab3"/div /div /di

移動端 , Css , mui , 前端 , html5

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳,閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案,其原理是: 1.把真實的 DOM 樹轉換成 js 對象(虛擬 DOM) 2.數據更新時生成新的 js 對象(新的虛擬 DOM) 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript

尹光耀 - underscore數組遍歷函數分析(一)

這是underscore源碼剖析系列第三篇文章,主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了,這兩個方法一般接收三個參數,分別是數組/對象、函數、上下文。 // iteratee函數有三個參數,分別是item、index、array或者value、

underscore , 前端 , Javascript

點墨 - 解決Qt 6.2.3 WebEngine中clipboard.write圖片複製失效及下載問題

複製失效問題 問題描述 在Qt 6.2.3中使用QWebEngineView嵌套網頁時,通過JavaScript的navigator.clipboard.write()複製圖片無響應,控制枱報錯: Uncaught TypeError: navigator.clipboard.write is not a function 根本原因 安全上下文限制 clipboard.write()

chrome , c++ , Web