收藏 / 列表

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

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

zepto , css3 , jquery , html5 , Javascript

IT開發者筆記 - 國產化Excel開發組件Spire.XLS教程:使用Python將CSV轉換為XML(處理現實數據問題)

CSV 因其簡潔和跨平台的廣泛支持,是最常見的表格數據交換格式之一。然而,當需要處理結構化應用程序、配置文件或層次化數據時,XML 通常成為首選格式,因為它能夠表示嵌套關係並提供更嚴格的數據驗證。 在本指南中,我們將探討如何使用Spire.XLS for Python將 CSV 文件轉換為 XML。你將學習如何將 CSV 轉換為Excel XML格式以及標準 XML。同時,我們還將介紹如何清理和

軟件工程

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

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

教程 , 知識

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比:哪個更適合你?

在選擇代理服務時,很多企業和個人都會猶豫:到底選擇哪家代理更適合自己的業務?本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面,對 711Proxy 和 Decodo 代理進行全面對比,讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池,覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營,還是廣告投放和數據採集,711Pro

前端 , 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 - (JS實現編輯DWG文件)網頁CAD SDK集成方法

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

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

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

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

vue2 , vue.js , 響應式 , 前端 , 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 - 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

華為雲開發者聯盟 - 案例解讀:深入理解瀏覽器的緩存機制

摘要:緩存可以減少網絡 IO 消耗,提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環,對於前端效率提升的重要性,不言而喻。 之前對於瀏覽器緩存也是一知半解,這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制,如強制緩存、協商緩存等,並且然後結合門户域各部件(官網、雲社區、雲市場、個人中心、APP)當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用,報錯如下: SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象: vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

新茶十九 - 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 - 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 - Databases For Front-End Developers: The Concepts Under The Hood (Part 2)

In Part 1, The Rise Of Serverless Databases, of the “Databases For Front-End Developers” series, we talked about the hurdles and traps of scaling and maintaining your databases. We went from simpler

API , Apps , Browsers , serverless

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統:從 CommonJS 到 ES6 模塊的演變

ECMAScript 6(通常稱為 ES6 或 ECMAScript 2015)是 JavaScript 語言的一個重大更新,帶來了許多新特性,這些特性極大地增強了語言的功能性和可維護性。其中,模塊系統的引入是 ES6 最重要的特性之一,它徹底改變了 JavaScript 的開發模式,從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統,討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

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

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

面試 , 筆試 , 前端 , Javascript

賀公子 - 自動化任務執行與報告生成

自動化任務執行與報告生成 自動化任務執行可通過腳本或工具實現,例如使用Python的subprocess模塊調用外部命令,結合cron(Linux)或任務計劃程序(Windows)定時觸發。報告生成通常依賴日誌記錄工具(如logging模塊)或數據分析庫(如pandas)整理結果,最後通過郵件或文件形式輸出。 # 示例:執行任務並記錄日誌 import subprocess im

微服務 , 前端開發 , Javascript , Json , Python

小X學技術 - Y 分鐘速成 Set theory

集合論是數學的一個分支,研究集合、它們的運算和它們的性質。 集合由不重複的項組成。 基本符號 運算符 並運算符,∪,表示“或”; 交運算符,∩,表示“且”;差 運算符,\,表示“不包括”; 補運算符,',表示補集; 叉積運算符,×,表示笛卡爾積。 限定詞 冒號限定詞,:,表示“使得”; 從屬限定詞,∈,表示“屬於”; 子集限定詞,⊆,表示“是……的子集”; 真子集限定

基礎 , set , 入門 , 集合

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄,需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

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

小謳 - 《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