Tweet
Tweet

Slide 1

Slide 1 text

ޒഒላӃ ࠶ፌे೥ɽK2VFSZ 高見龍

Slide 2

Slide 2 text

ޒഒላӃ ࣗզհ঺

Slide 3

Slide 3 text

ޒഒላӃ a.k.a Eddie 愛現! 喜歡冷門的玩具 開發者 / 講師 / 電腦書作者 技術推廣、教育、技術諮詢 台灣、日本等國內外技術研討會講者 部落格：https://kaochenlong.com 高見龍 @eddiekao

Slide 4

Slide 4 text

ޒഒላӃ 第25刷 發售中 發售中 發售中

Slide 5

Slide 5 text

ޒഒላӃ 已絕版

Slide 6

Slide 6 text

ޒഒላӃ 敬請 期待

Slide 7

Slide 7 text

ޒഒላӃ 歡迎加 好友

Slide 8

Slide 8 text

ޒഒላӃ ຊจ։࢝

Slide 9

Slide 9 text

ޒഒላӃ ฏৗ༗ࡏሜ+BWB4DSJQU嗎ʁ 🙋

Slide 10

Slide 10 text

ޒഒላӃ ᡒ說ݱࡏେՈ౎ࡏሜ7"3

Slide 11

Slide 11 text

ޒഒላӃ 7"37VF "OHVMBS 3FBDU

Slide 12

Slide 12 text

ޒഒላӃ ౎೥ྃɼؐ༗ਓ

Slide 13

Slide 13 text

ޒഒላӃ ؐ༗ਓࡏሜK2VFSZ嗎ʁ 🙋

Slide 14

Slide 14 text

ޒഒላӃ શੈքࢢ佔཰࠷ߴతલ୺౟݅ʁ

Slide 15

Slide 15 text

ޒഒላӃ ૢ࡞ᖣ᧸ثత%0.෺݅

Slide 16

Slide 16 text

ޒഒላӃ ލᖣ᧸ثࢧԉʂ

Slide 17

Slide 17 text

ޒഒላӃ ஐܛ݁থ

Slide 18

Slide 18 text

ޒഒላӃ େᢇ၊ઃҰԼ w 你஌ಓᏓᏐత4DPQFੋॄኄ w 你஌ಓॄኄੋ'VODUJPO w ἦ಄വᏐ w **'&ʢ*OUFSNFEJBUF*OWPLF'VODUJPO&YQSFTTJPOʣ w 你஌ಓ+BWB4DSJQUཫత෺݅ಋ޲ੋዎኄճࣄ w 1SPUPUZQF᪑OFXత᮫܎ w 你஌ಓUIJTዎኄ؃

Slide 19

Slide 19 text

ޒഒላӃ -JWFʂ

Slide 20

Slide 20 text

ޒഒላӃ ֢ॏᴍʂ

Slide 21

Slide 21 text

ޒഒላӃ (function(global, factory) { ...略... })(typeof window !== "undefined" ? window : this, ...略... L14 ~ L40 IIFE 起⼿式

Slide 22

Slide 22 text

ޒഒላӃ ...略... ...略..., function(window, noGlobal) { ...略... return jQuery; }); L40 ~ L10880 jQuery 本體

Slide 23

Slide 23 text

ޒഒላӃ var version = "3.6.0", jQuery = function(selector, context) { return new jQuery.fn.init(selector, context); }; L157 ~ L162 jQuery 定義

Slide 24

Slide 24 text

ޒഒላӃ var Sizzle = ( function( window ) { var i, ...略... return Sizzle; } )( window ); L523 ~ L2978 Sizzle.js

Slide 25

Slide 25 text

ޒഒላӃ jQuery.find = Sizzle; jQuery.expr = Sizzle.selectors; L2982 ~ L2983 把 Sizzle 灌給 jQuery

Slide 26

Slide 26 text

ޒഒላӃ init = jQuery.fn.init = function( selector, context, root ) { var match, elem; // HANDLE: $(""), $(null), $(undefined), $(false) if ( !selector ) { return this; } ...略... return jQuery.makeArray( selector, this ); }; L3137 ~ L3234 初始化在這裡！

Slide 27

Slide 27 text

ޒഒላӃ init.prototype = jQuery.fn; L3237 讓 new 出來的 jQuery 物件，享 有整個 jQuery 的 prototype

Slide 28

Slide 28 text

ޒഒላӃ jQuery.event = { global: {}, add: function( elem, types, handler, data, selector ) { ...略... } ...略... }; L5190 ~ L5607 事件處理

Slide 29

Slide 29 text

ޒഒላӃ ajax: function( url, options ) { if ( typeof url === "object" ) { options = url; url = undefined; } ...略... return jqXHR; }, L9378 ~ L9824 ajax

Slide 30

Slide 30 text

ޒഒላӃ var _jQuery = window.jQuery, _$ = window.$; jQuery.noConflict = function(deep) { if (window.$ === jQuery) { window.$ = _$; } if (deep && window.jQuery === jQuery) { window.jQuery = _jQuery; } return jQuery; }; L10850 ~ L10868 如果有衝突的話...

Slide 31

Slide 31 text

ޒഒላӃ if ( typeof noGlobal === "undefined" ) { window.jQuery = window.$ = jQuery; } L10850 ~ L10868 把 jQuery 放到全域變數

Slide 32

Slide 32 text

ޒഒላӃ 歡迎加 好友