zepto源碼知識點

yy13818512006 發布于2019-08-21 17:39 / 3220人閱讀

摘要：記錄看源碼時候不太了解的知識點關于新的選擇器之前只了解和，這個方法是匹配是否符合選擇器，返回值是但是大多不支持，需要用到瀏覽器前綴，有個不常用的運算符按位非運算符感覺是不實用的方法如果操作數能夠轉換為數值就直接取反并且減去一都轉化為數字

記錄看源碼時候不太了解的知識點

 matchesSelector = element.matches ||element.webkitMatchesSelector ||element.mozMatchesSelector ||element.oMatchesSelector ||element.matchesSelector

關于H5新的選擇器api之前只了解querySeletor和querySeletorAll，MatchesSelector這個方法是匹配是否符合選擇器，返回值是true false;但是大多不支持，需要用到瀏覽器前綴，


let s = document.querySeletor("div").matchesSeletor(".theOne");
console.log(s);    //true;

match = ~zepto.qsa(parent, selector).indexOf(element)

有個不常用的運算符按位非運算符~
感覺是不實用的方法

let num = 23,
boo = false,
obj = {},
arr = [],
na = NaN,
str = "abcdefg";
~num //-24,如果操作數能夠轉換為數值就直接取反并且減去一；
~obj     //-1,{}.[],undefined,null,false,NaN,“”都轉化為數字0在取反
~str    //-1對無法轉為數值的字符串等，轉為0
//~的運算等級比.[]()優先級低

運算符優先級別大概的邏輯是
取值>一元操作符（包含非運算符!）>算術運算>大小比較>相等不相等>邏輯與或>賦值>三元>逗號

function isPlainObject(obj) {
            return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.prototype
        }

undefined和null的區別
undefined == null //如果str == null那么str會有兩個值成立
typeof null === "object"
typeof undefined === "undefined"

判斷是否是類似的數組對象，即有Length屬性

function likeArray(obj) {
    var length = !!obj && "length" in obj && obj.length,    //綜合判斷obj是否存在，有length屬性z如果都成立的話，最后取得Length的數值
     type = $.type(obj)   //判斷obj的類型
      return "function" != type && !isWindow(obj) && (//是否是function ,window,array
        "array" == type || length === 0 ||
        (typeof length == "number" && length > 0 && (length - 1) in obj)
          )
        }

GPU云服務器云服務器知識付費網站源碼 zepto zepto cdn zepto.js

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89822.html

讀Zepto源碼之代碼結構

摘要：源碼結構整體結構如果在編輯器中將的源碼折疊起來，看到的就跟上面的代碼一樣。參考源碼分析代碼結構對象思想與源碼分析設計和源碼分析源碼中關于的問題最后，所有文章都會同步發送到微信公眾號上，歡迎關注歡迎提意見雖然最近工作中沒有怎么用 zepto ，但是據說 zepto 的源碼比較簡單，而且網上的資料也比較多，所以我就挑了 zepto 下手，希望能為以后閱讀其他框架的源碼打下基礎吧。源碼版...

warkiz 2019-08-20 15:35 評論0 收藏0
FastClick 源碼解讀

摘要：所有瀏覽器瀏覽器不支持安卓中中有屬性安卓中中有屬性有屬性的有屬性的所以在不需要的瀏覽器會直接掉，不會執行下面的所有代碼。見源碼行，可以看出在響應無操作后，則觸發。其實一直就想花些時間讀一讀那些優秀的開源庫，今天終于下了決定打算死磕下自己，2016年每個月讀2-3個優秀的開源庫，把源碼精彩的地方和自己心得分享給大家。目錄（一）背景（二）源碼解析（三）Zepto 點擊穿透與 Fast...

Chaz 2019-08-19 17:24 評論0 收藏0
jQuery，zepto源碼的簡單實現記錄

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

Dean 2019-08-23 16:47 評論0 收藏0
zepto源碼分析之form模塊

摘要：形如源代碼在的原型上添加了相關方法。類似源代碼每個表單的和都通過編碼最后通過符號分割有了的基礎，就是將相應的和都通過編碼，然后用符號進行分割，也就達到了我們要的結果。前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任，打破處處依賴服務器的局面，這篇文章主要介紹zepto中form模塊關于表單處理的幾個方法，serialize、serializeArray、sub...

Muninn 2019-08-21 16:51 評論0 收藏0