資訊專欄INFORMATION COLUMN
摘要：本文記錄，對(duì)的一些封裝庫(kù)的知識(shí)，我希望從本文開始去深入學(xué)習(xí)這門語(yǔ)言，以及在面向?qū)ο?，原型上封裝的使用。讓自己在方面有能夠有一定進(jìn)步。
本文記錄jQuery，Zepto對(duì)js的一些封裝庫(kù)的知識(shí)，我希望從本文開始去深入學(xué)習(xí)js這門語(yǔ)言，以及在面向?qū)ο?，原型上封裝的使用。讓自己在js方面有能夠有一定進(jìn)步。共勉jQuery庫(kù) 簡(jiǎn)單的jQuery庫(kù)的實(shí)現(xiàn)
需要先了解閉包，立即執(zhí)行函數(shù)以及JavaScript原型的概念
(function(window) {
var jQuery = function(selector) {
// 一個(gè)對(duì)象工廠，以后生成新對(duì)象就不用new了，直接執(zhí)行這個(gè)方法即可
// 第一步就用new 關(guān)鍵字來(lái)實(shí)例化一個(gè)構(gòu)造函數(shù)
return new jQuery.fn.init(selector);
}
// 定義構(gòu)造函數(shù)
var init = jQuery.fn.init = function(selector) {
var slice = Array.prototype.slice;
var dom = slice.call(document.querySelectorAll("*"));
var i, len = dom.length;
for(i = 0; i < len; i++) {
this[i] = dom[i];
}
this.length = len;
this.selector = selector || "";
}
jQuery.fn = jQuery.prototype = {
// 改變構(gòu)造器的指向
constructor: jQuery,
css: function(key, val) {
},
html: function(val) {
}
}
// 連接初始化實(shí)例的原型
// init.prototype = jQuery.fn;
jQuery.fn.init.prototype = jQuery.fn;
})(window);
Zepto庫(kù)
簡(jiǎn)單的zepto庫(kù)的實(shí)現(xiàn)
(function(window) {
var zepto = {};
function Z(dom, selector) {
var i,
len = dom ? dom.length : 0;
for(i=0; i
附上待學(xué)習(xí)連接：
[幾個(gè)JS代碼手寫專題](https://www.imooc.com/article/23902)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103285.html
摘要：選擇的理由是一個(gè)用于現(xiàn)代瀏覽器的與大體兼容的庫(kù)。環(huán)境搭建分析環(huán)境的搭建僅需要一個(gè)常規(guī)頁(yè)面和原始代碼一個(gè)常規(guī)頁(yè)面打開的首頁(yè)即可，在開發(fā)人員工具中即可使用原始代碼本篇分析的代碼參照，進(jìn)入該代碼分支中即可。 選擇 Zepto 的理由 Zepto is a minimalist JavaScript library for modern browsers with a largely jQue...
摘要：此模塊包含的設(shè)計(jì)思路即為預(yù)以匹配降級(jí)方案。沒有默認(rèn)編譯該模塊，以及利用該模塊判斷后提供平臺(tái)相關(guān)邏輯的主要原因在于其設(shè)計(jì)原則的代碼完成核心的功能。此處，也引出了代碼實(shí)現(xiàn)的另一個(gè)基本原則面向功能標(biāo)準(zhǔn)，先功能覆蓋再優(yōu)雅降級(jí)。 在進(jìn)入 Zepto Core 模塊代碼之前，本節(jié)簡(jiǎn)略列舉 Zepto 及其他開源庫(kù)中一些 Polyfill 的設(shè)計(jì)思路與實(shí)現(xiàn)技巧。 涉及模塊：IE/IOS 3/Dete...
摘要：哈哈，我理解，架構(gòu)就是骨架，如下圖所示譯年月個(gè)有趣的和庫(kù)前端掘金我們創(chuàng)辦的使命是讓你及時(shí)的了解開發(fā)中最新最酷的趨勢(shì)。 翻譯 | 上手 Webpack ? 這篇就夠了！ - 掘金譯者：小 boy （滬江前端開發(fā)工程師） 本文原創(chuàng)，轉(zhuǎn)載請(qǐng)注明作者及出處。 原文地址：https://www.smashingmagazine.... JavaSrip... 讀 Zepto 源碼之代碼結(jié)構(gòu) - ...
摘要：形如源代碼在的原型上添加了相關(guān)方法。類似源代碼每個(gè)表單的和都通過編碼最后通過符號(hào)分割有了的基礎(chǔ)，就是將相應(yīng)的和都通過編碼，然后用符號(hào)進(jìn)行分割，也就達(dá)到了我們要的結(jié)果。 前言 JavaScript最初的一個(gè)應(yīng)用場(chǎng)景就是分擔(dān)服務(wù)器處理表單的責(zé)任，打破處處依賴服務(wù)器的局面，這篇文章主要介紹zepto中form模塊關(guān)于表單處理的幾個(gè)方法，serialize、serializeArray、sub...
閱讀 3542·2021-10-09 09:41
閱讀 2745·2021-10-08 10:18
閱讀 2183·2021-09-10 10:51
閱讀 2680·2021-09-10 10:50
閱讀 776·2021-09-09 09:33
閱讀 3383·2021-09-06 15:14
閱讀 3017·2019-08-30 11:06
閱讀 3248·2019-08-29 14:04
