tag zepto

標籤
貢獻8
81
05:15 AM · Nov 06 ,2025
hefty 頭像 116263 頭像 mtsldxk 頭像 henry_chen_59e5bd7d4b9d7 頭像 jingge 頭像 muzi_59198e0c252d1 頭像 jamie_520baby 頭像 starrocks 頭像

@zepto / 博客 RSS 訂閱

hefty 頭像

對角另一面 - 讀Zepto源碼之Gesture模塊

Gesture 模塊基於 IOS 上的 Gesture 事件的封裝，利用 scale 屬性，封裝出 pinch 系列事件。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 整體結構 ;(function($){ if ($.os.ios) {

gesture , zepto , ios , jquery , Javascript

收藏 評論

starrocks 頭像

StarRocks - StarRocks 助力印度領先即時零售平台 Zepto 構建實時洞察能力

導讀： 開源無國界，在本期 “StarRocks 全球用户精選案例” 中，我們走進印度即時零售品牌 Zepto。 這家以 “10 分鐘送達” 聞名的公司，業務已覆蓋 50+ 城市、45,000+ 商品，品類橫跨生鮮雜貨、電子產品、美妝個護、服飾、玩具等。憑藉前沿技術與戰略佈局的前置倉網絡，Zepto 在短短几年間徹底改變了印度的即時零售格局。 隨着規模擴張，Zepto 藉助 StarRo

zepto , 大數據 , databricks , postgresql , starrocks

收藏 評論

jamie_520baby 頭像

Jamie_0912 - 使用 gulp + seajs + zepto 構建項目

最近使用gulp工具，將公司現有項目重新構建了下，有許多大改動，繞了許多坑，我不擅長表達，只能把我現在總結出的對的和比較深刻的應該注意的幾點記錄下來，免得以後自己都忘記了。 一，基本環境的搭建，安裝nodejs、npm。（給新手看得，會的直接跳過） 先下載安裝程序：http://nodejs.cn/download/ 1、Windows 安裝包(.msi)； 2、安裝msi，這裏最好使用管理

gulp , zepto , less , seajs

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Fx模塊

fx 模塊為利用 CSS3 的過渡和動畫的屬性為 Zepto 提供了動畫的功能，在 fx 模塊中，只做了事件和樣式瀏覽器前綴的補全，沒有做太多的兼容。對於不支持 CSS3 過渡和動畫的， Zepto 的處理也相對簡單，動畫立即完成，馬上執行回調。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 Gi

animation , zepto , jquery , 動效 , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Data模塊

Zepto 的 Data 模塊用來獲取 DOM 節點中的 data-* 屬性的數據，和儲存跟 DOM 相關的數據。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內部方法 attributeData var data = {}, dataAttr =

zepto , data , jquery , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Stack模塊

Stack 模塊為 Zepto 添加了 addSelf 和 end 方法。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 改寫原有的方法 'filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings'.spl

移動端 , zepto , 源碼分析 , jquery , Javascript

收藏 評論

116263 頭像

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

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

zepto , jquery , html5 , Javascript

收藏 評論

muzi_59198e0c252d1 頭像

木子 - jQuery，zepto源碼的簡單實現記錄

本文記錄jQuery，Zepto對js的一些封裝庫的知識，我希望從本文開始去深入學習js這門語言，以及在面向對象，原型上封裝的使用。讓自己在js方面有能夠有一定進步。共勉 jQuery庫 簡單的jQuery庫的實現 需要先了解閉包，立即執行函數以及JavaScript原型的概念 (function(window) { var jQuery = function(selector) {

zepto , jquery , Javascript

收藏 評論

jingge 頭像

靖哥 - Zepto和jQuery的具體差異

共同點 jQuery: 核心函數$ 作為函數使用（參數） 1.function 2.html字符串 3.DOM code 4.選擇器字符串 作為對象調用(方法) $.ajax() $.get() $.post() $.isArray() $.each() $.isFunction() $.trim()

zepto

收藏 評論

116263 頭像

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

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

zepto , Css , jquery , HTML , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之fx_methods模塊

fx 模塊提供了 animate 動畫方法，fx_methods 利用 animate 方法，提供一些常用的動畫方法。所以 fx_methods 模塊依賴於 fx 模塊，在引入 fx_methods 前必須引入 fx 模塊。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《read

animation , zepto , jquery , Javascript

收藏 評論

116263 頭像

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

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

zepto , css3 , jquery , html5 , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之Form模塊

Form 模塊處理的是表單提交。表單提交包含兩部分，一部分是格式化表單數據，另一部分是觸發 submit 事件，提交表單。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 .serializeArray() $.fn.serializeArray =

formdata , zepto , form , jquery , Javascript

收藏 評論

hefty 頭像

對角另一面 - 讀Zepto源碼之IOS3模塊

IOS3 模塊是針對 IOS 的兼容模塊，實現了兩個常用方法的兼容，這兩個方法分別是 trim 和 reduce 。 讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto 源碼版本 本文閲讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 trim if (String.prototype.trim === undefine

zepto , polyfill , ios , jquery , Javascript

收藏 評論

116263 頭像

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

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

zepto , 源碼分析 , jquery , 前端

收藏 評論

henry_chen_59e5bd7d4b9d7 頭像

henry_chen - 使用 webpack 引用 zepto

作者：陳家賓 日期：2017-12-15 背景 由於 zepto 庫本身不支持 CommonJs 規範，不支持 import/export，所以不能直接以 import 的形式引入，所以這裏需要做一些特殊處理 處理方法 方法一：引用 zepto-webpack 庫 安裝 npm i -D zepto-webpack 引用 import $ from 'zepto'

zepto , webpack

收藏 評論

mtsldxk 頭像

慢條斯理的小可 - 基於zepto的移動端上拉刷新小插件

上次開發筆記裏《基於zepto和WeUI的H5頁面開發筆記》提到上拉刷新功能，這是很基本很常用的功能，為了下次自己更便捷的使用，便簡單的封裝了一下 KScroll.js 簡單樣例 這裏先上一個基於zepto和WeUI的列表上拉刷新的例子： demo.html !DOCTYPE html html head meta charset="UTF-8" meta name="view

上拉加載 , zepto , 前端 , Javascript

收藏 評論