zepto快速入門教程

2022-03-07 17:28:06 字數 1713 閱讀 1336

* zepto

* 特點:

1、體積8kb

2、針對移動端的框架

3、語法同jquery大部分一樣,都是$為核心函式

4、目前功能完善的框架體積最小的左右

* 同jquery相似的語法

核心:$

--作為函式使用

引數:1、function(){}

2、選擇器字串

3、html標籤字串

3、dom code

--作為物件使用

方法;1、$.each()

2、$.trim()

3、$.ajax() $.get() $.post()

4、$.isarray()

jquery物件/zepto物件

概念:$呼叫返回的就是 jquery物件/zepto物件 偽陣列(有時候只有乙個元素)

* zepto同jquery不同的api

* attr同prop

jquery:標籤的固有屬性,布林值屬性

標籤的自定義屬性,用attr布林值屬性並且布林值屬性在標籤體內沒有定義時候

zepto:attr同樣獲取布林值屬性。

* dom操作

配置物件:

jquery不同使用配置物件新增id,class。。。

zepto可以使用配置物件---結構,樣式分離,而且容易管理

* offset()----用來獲取目標元素相對於視口的偏移量 物件

jquery:top , left

zeptop:top,left,width,height(content,補白,border)

* width(),height()

jquery:

1、width(),height() 獲取content內容區的值,沒有單位

2、.css 獲取content內容區的值,有單位px

3、 innerheight() content,padding沒有單位

innerheight() content,padding border沒有單位

zepto:

1、width(),height()獲取的content,補白,border

2、沒有innerheight(),innerheight()

3、.css()

* 事件委託

原理:利用冒泡的原理將事件繫結到父元素/祖先元素身上,event.target指向的子元素

zepto:

1、委託同乙個父元素身上

2、同乙個世界

3、操作關聯,操作對應的元素/類

4、順序

5、誰操作的關聯類就是誰觸發的

* each

jquery:能遍歷陣列,物件,不能遍歷字串/json物件/json陣列

zepto:能遍歷陣列,物件,字串

* 隱藏元素的寬高

jquery:能獲取

zepto: 不能寬,高

zepto的touch event

* tap點選事件

* singletap()點選事件

* doubletap()雙擊事件

* longtap()長按事件--連續作用750ms

* 滑動事件(瀏覽器的預設行為---翻頁---touch-action)

1、swipe滑動事件 在同乙個方向連續滑動30px才為滑動,否則就是點選

2、longtap長按事件 手指在目標物件上連續作用超過750ms算長按,否則算點選

matplotlib快速入門教程

matplotlib是乙個python的2d的繪相簿,通過使用matplotlib我們只需要幾行簡潔的 就可以繪圖,直方圖 功率譜 條形圖 錯誤圖 散點圖等。這篇部落格主要介紹的是matplotlib.pyplot模組,matplotlib其實就是乙個模仿matlab開發的python庫。當然,它不...

Linux快速入門教程

序言 linux是一套免費使用和自由傳播的類unix作業系統,這個系統是由全世界各地的成千上萬的程式設計師設計和實現的。下面的一些linux教程是為了快速入門,目的在於能快速掌握linux的基本知識,能對伺服器進行基本的維護。1.1 命令列操作 1.1.1 shell 簡介 1.1.2 shell ...

BMFont 快速入門教程

什麼是bmfont?這是個軟體,全稱bitmap font generator,顧名思義,位 字生成器。這個工具就是用來生成位 字字型配置檔案的,fnt檔案。這裡介紹是因為遊戲開發中經常用到這個,主流的各大遊戲引擎都支援使用bmfont字型格式,如cocos unity3d等。bmfont是個免費軟...