收藏 / 列表

前端胖頭魚 - zepto源碼分析之form模塊

前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任,打破處處依賴服務器的局面,這篇文章主要介紹zepto中form模塊關於表單處理的幾個方法,serialize、serializeArray、submit。 原文鏈接 github項目地址 表單相關回顧 在開始學些form模塊相關方法前,我們先來回顧一下表單提交時,瀏覽器是怎麼樣將數據發送給服務器的(以下內容摘自《

zepto , css3 , jquery , html5 , Javascript

IT開發者筆記 - Stimulsoft 響應式儀表板設計:數據展示隨設備而變

在數字化辦公與智能製造領域,儀表板(Dashboard)已成為企業進行數據可視化與業務決策的重要工具。然而,不同用户使用的設備多種多樣:電腦、筆記本、投影屏、平板甚至手機。如何保證數據在不同終端上始終保持清晰、易讀、友好? Stimulsoft在其報表與儀表板設計工具Stimulsoft Designer中,提供了“響應式儀表板設計(Responsive Dashboard Design)”功能,

企業信息化

另類的剪刀 - 豌豆住宅IP——高穩定、可控來源、城市級精準定位

在很多需要長期會話、來源可控、城市級定位的業務中(如電商監測、廣告驗證、本地化測試等),住宅IP的穩定性與地域精度往往比數量更重要。 下面總結一些企業在選型與使用靜態住宅IP時的關鍵考量指標和經驗。 🧩 一、核心指標 成功率(Success Rate) 穩定的網絡請求成功率應在 99% 以上,可支持自動重試與失敗率告警。 延遲(P95 Latency) 95分位延遲能真實反映整

教程

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

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

go , 前端 , Python

雨花石 - review代碼系列(二):

背景: 因技術優化需要,打算將現有項目庫的部分代碼摘出來單獨構建,所以在package.json加了新的打包命令,當然也要單獨進行webpack配置。 處理babel時發現有兩種babel配置,既有babel.config.js,也有.babelrc。因為都在根目錄下面,所以新的構建任務默認也會使用這兩個babel配置。考慮到後續的單獨維護,覺得用單獨的babel配置比較好。那就要處理

webpack , babel , 前端 , Javascript

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

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

node.js , typescript , npm , Javascript

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

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

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器,該工具無需安裝,打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意:工具只針對機械盤有用、固態盤沒有用,固態盤使用可能會造成損傷。 操作流程很簡單:在進行磁盤整理前,先勾選需要整理的盤符,之後點擊 “智能磁盤整理” 按鈕,即可自動完成整理操作。 管快速清理碎片,優化碎片,大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

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 - 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

華為雲開發者聯盟 - 一文教會你認識Vuex狀態機

摘要:簡單來説,Vuex就是實現組件全局狀態(數據)管理的一種機制,可以方便的實現組件之間數據的共享。 本文分享自華為雲社區《Vuex狀態機快速瞭解與應用》,原文作者:北極光之夜。 一. 速識概念: 1. 組件之間共享數據的方式: 通常有以下幾種方式: 父向子傳值:v-bind 屬性綁定; 子向父傳值:v-on 事件綁定; 兄弟組件之間共享數據:EventBus; 2. vuex是

vue.js , 應用 , vuex , 父子組件 , 事件

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

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

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

新茶十九 - 全屏模式,禪模式,免打擾模式都有什麼區別

説得很好,這三種模式確實容易混淆。它們都是為了提升專注度,但側重點和實現方式不同。 簡單來説: 全屏模式:是物理,清空整個操作系統桌面。 免打擾模式:是魔法,清空WebStorm界面內的干擾元素。 禪模式:是“免打擾模式”的俗稱,或者説是它的終極形態。 下面這個表格清晰地展示了三者的核心區別: 模式 核心目

菜單欄 , 全屏 , 居中顯示 , 前端開發 , Javascript

Christian Heilmann - Developing Sites With AJAX: Design Challenges and Common Issues

This is that moment, and I am here to tell you a few things about our friend in the Web 2.0 world: AJAX. We seem to have AJAX licked. The Web technology is ubiquitous, and libraries and frameworks

Techniques , Ajax , coding

Atila Fassina - Localizing Your Next.js App

Instructing Next.js your app intends to have routes for different locales (or countries, or both) could not be more smooth. On the root of your project, create a next.config.js if you have not had t

Apps , next.js , User Experience

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

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

flexbox , typescript , 後端 , 前端 , Javascript

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

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

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

賀公子 - 深度使用AI編程工具

深度使用AI編程工具的經驗分享 AI編程工具如Cursor、Claude Code正在改變開發者的工作流程。通過集成智能補全、代碼生成和自然語言理解能力,這些工具顯著提升了開發效率。以下分享一些實際經驗和案例。 開發環境配置優化 Cursor的智能補全功能可以根據項目上下文提供精準建議。在配置開發環境時,輸入部分命令或配置文件內容,工具能夠自動補全完整的配置。例如輸入Docker

code , API , 編程工具 , 前端開發 , Javascript

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

源代碼下載: LearnRed-zh.red Red 的編寫是出於工作需要,該語言的作者想要使用 REBOL,但它有許多缺陷。 當時 REBOL 還沒有開源,由於它是一門解釋型語言,這就意味着它比編譯型語言效率低。 Red 使用 C 語言級別的 Red/System,是一門涉及所有編程領域的語言。 Red 基於 REBOL 編寫,它繼承了 REBOL 的靈活性,同時也包含了許多 C 語

基礎 , 解釋型語言 , 入門 , c

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1: 在移動端h5的開發中,因為前期開發使用了是原生的alert來提示,會有在不同機型樣式不統一,還會出現在彈窗標題出現網址的問題,顯示非常不友好,在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多,改動量大,有沒有什麼一勞永逸的辦法。 解決方法: 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

小謳 - 《javascript高級程序設計》學習筆記 | 7.3.生成器

關注前端小謳,閲讀更多原創技術文章 生成器 ES6 新增的結構,可以在一個函數塊內暫停和恢復代碼執行,可以自定義迭代器和實現協程 相關代碼 → 生成器基礎 生成器的形式是一個函數,函數名稱前加一個星號* 可以定義函數的地方,都可以定義生成器(箭頭函數除外) function* generatorFn() {} // 生成器函數聲明 let gfn = function* ()

yield , generator , 生成器 , 前端 , Javascript

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

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

underscore , 前端 , Javascript

點墨 - Qt connectiontype

Qt的信號槽連接機制如下: Qt::AutoConnection:默認,如果信號和槽在同一線程,使用DirectConnection;否則使用QueuedConnection。 Qt::DirectConnection:槽函數立即在信號發出的線程執行,同步。 Qt::QueuedConnection:槽函數在接收者的線程的事件循環中異步執行。 Qt::BlockingQueuedCon

qt , connection