博客 / 列表

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

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

zepto , jquery , html5 , Javascript

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API，代碼量很少，但也是其重要模塊之一。在看源代碼之前，我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值，並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

前端胖頭魚 - 看Zepto如何實現增刪改查DOM

前言 dom也就是文檔對象模型，是針對HTML和XML的一個api，描繪了一個層次化的節點樹。雖然瀏覽器原生給我們提供了許多操作dom的方法，使我們可以對dom進行查找，複製，替換和刪除等操作。但是zepto在其基礎上再次封裝，給以我們更加便捷的操作方式。先看下圖，我們以刪除元素，插入元素,複製元素，包裹元素和替換元素幾個模塊分別探究zepto如何一一將其實現。 原文鏈接 github項目

zepto , Css , jquery , HTML , Javascript

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

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

zepto , css3 , jquery , html5 , Javascript