收藏 / 列表

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

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

zepto , jquery , html5 , Javascript

IT開發者筆記 - Stimulsoft 引入無代碼腳本編程 —— Blockly 讓報表與儀表盤更智能

Stimulsoft 是一款功能強大的數據可視化與報表平台,廣泛應用於各類企業的數據分析與展示場景。其核心優勢之一在於支持為報表和儀表盤添加自定義邏輯,以實現數據處理、可視化控制和用户交互等高級功能。 Stimulsoft Ultimate 試用下載 從傳統腳本到無代碼邏輯 在過去,Stimulsoft 中的邏輯擴展主要依賴編程腳本,不同產品支持的語言各不相同,如C#、VB.NET 或 JavaS

企業信息化

另類的剪刀 - HTTP 與 SOCKS5 代理協議:企業級選型指南與工程化實踐

面向企業網絡與數據團隊的工程化、可落地的代理協議選型與治理指南。核心思路:按流量特徵選協議,用多協議網關統一出站,以託管網絡降低複雜度,最終實現穩定吞吐、可預測時延與合規落地。2 一、核心定位與結論 1.1 目標讀者 企業網絡架構、數據平台與安全合規團隊 1.2 核心結論 協議選型原則: HTTP 代理:優先用於 Web 爬取與 API 調用等應用層流量 SOCKS5 代理

npm , Javascript

愛跑步的番茄 - 如何進行 API 提取:從原理到實踐的完整指南

在數據驅動的時代,API(應用程序接口)已經成為信息交互的核心通道。無論是進行數據採集、自動化分析,還是搭建業務系統,API提取(API Extraction) 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇,以及如何藉助代理服務突破訪問限制,實現更高效的數據獲取。 一、什麼是 API 提取? API 提取是指通過調用公開或私有接口,從目標網站或服務中自動獲取

go , 前端 , Python

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

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

babel-loader , Android , Axios , webpack , Javascript

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

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

node.js , typescript , npm , 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

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中,我們修改了數據,所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子,本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

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

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

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

mob64ca13fe62db - 【AI理論學習】多模態介紹及當前研究方向_多模態人工智能

你是否還在為AI項目中同時處理文本、圖像和音頻數據而煩惱?面對TensorFlow、PyTorch等不同框架的兼容性問題,以及各種模態數據處理接口的差異,開發效率大打折扣。本文將介紹如何使用Ivy框架(The Unified AI Framework)輕鬆實現多模態數據的統一處理,讓你告別框架切換的痛苦,專注於模型創新。 讀完本文,你將能夠: 瞭解I

數據 , 加載 , 後端開發 , 模態 , Python

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

華為雲開發者聯盟 - 盤點用jQuery框架實現“for循環”的四種方式!

摘要:分享在jQuery高級開發中對元素標籤體的遍歷常用的幾種方法。 本文分享自華為雲社區《盤點用jQuery框架實現“for循環”的四種方式!》,原文作者:灰小猿 。 今天繼續來和大家分享在jQuery高級開發中對元素標籤體的遍歷常用的幾種方法。 我們以一個案例的形式進行講解,假如我們需要遍歷的是如下ul標籤中的li標籤: body ul id="city" li北京/li

框架 , 遍歷 , jquery , for循環 , Javascript

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求,要求:用户輸入密碼後自動向後跳轉一個輸入框,並且獲得焦點,直到輸入完畢。用户刪除時,刪除完當前輸入框的內容,再按一個“退格/刪除”鍵,則自動往前跳一個輸入框,並將其內容刪除。 效果如: 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框,在模擬器裏沒有什麼問題,但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

新茶十九 - Vue 3 深入瞭解,那些很少有人知道的實用特性和技巧

1. 深層響應式控制 shallowRef - 淺層 Ref import { shallowRef, triggerRef } from 'vue' const state = shallowRef({ count: 0, nested: { value: 1 } // 這個變化不會被自動追蹤 }) // 只有直接賦值會觸發更新 state.value = { c

vue.js , 響應式 , 前端開發 , ide , Javascript

Christian Heilmann - Entering The Wonderful World of Geo Location

Then I went to my first WhereCamp, an unconference dealing with geographical issues and how they relate to the world of Web development. Even my A-Levels in Astronomy did not help me there. I was ou

coding , html5

Atila Fassina - State Management In Next.js

This article has been kindly supported by our dear friends at Netlify who are a diverse group of incredible talent from all over the world and offers a platform for web developers that multiplies

next.js , Jamstack , Javascript

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

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

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

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

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 手寫題是比較好準備的一個環節,大部分公司考察的題也就那麼多,大都不會超出範圍。 往期 "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等) "寒冬"三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)

面試 , 筆試 , 前端 , Javascript

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用,主要分為按月、季度、年訂閲三種形式。以下是典型案例: Netflix 採用按月訂閲,提供不同套餐(基礎/標準/高級),利用自動續費減少用户流失。年訂閲通常提供折扣,例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項,年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , Python

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

源代碼下載: javascript-zh.js Javascript 於 1995 年由網景公司的 Brendan Eich 發明。最初它作為一種簡單的,用於開發網站的腳本語言而被髮明出來,是用於開發複雜網站的 Java 的補充。但由於它與網頁結合度很高並且在瀏覽器中得到內置的支持,所以在網頁前端領域 Javascript 變得比 Java 更流行了。 不過,Javascript 不僅用於網頁瀏覽

基礎 , 入門 , 前端 , Javascript

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

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

移動端 , mui , 前端 , Javascript

小謳 - 手寫一個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源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

點墨 - 編譯器優化對多線程數據競爭的影響分析

編譯器優化如何讓多線程代碼"失效":從彙編視角解密數據競爭謎題 在多線程編程中,我們常遇到一個反直覺現象:關閉編譯器優化反而能暴露預期的數據競爭問題。本文通過分析MSVC編譯器對同一代碼的不同優化策略,揭示現代編譯器如何通過指令重排和內存訪問優化,徹底改變多線程程序的執行軌跡。 一、現象之謎:優化等級決定程序行為 當使用/O2優化編譯給定代碼時,程序輸出穩定在10萬或20萬這兩個確定值,而非預期的

c++ , 多線程