1. 一文讀懂js中的原型鏈以及new操作符
JavaScript中的原型鏈旨在解決對象共享屬性與方法的問題以優化內存使用，而new操作符則簡化了對象創建、原型鏈接、this綁定及返回新對象的過程。
原型鏈： 設計目的：原型鏈的設計是為了讓多個對象可以共享相同的屬性和方法，從而減少內存消耗。這類似於在英雄聯盟LOL中，通過共享英雄定義來避免每個英雄實例都重復相同的代碼。 工作原理：當一個對象需要訪問某個屬性或方法時，如果它自身沒有這個屬性或方法，就會沿著原型鏈向上查找，直到找到為止。如果原型鏈的盡頭也沒有找到，則返回undefined。 盡頭設置：原型鏈的盡頭設置為null，這體現了JavaScript的哲學思想，類似於宇宙大爆炸前的混沌狀態，表示沒有更多的原型可以查找。
new操作符： 功能：new操作符用於創建一個用戶定義的對象類型的實例或具有構造函數的內置對象類型的實例。 執行步驟： 1. 創建新對象：首先創建一個空對象。 2. 鏈接原型：將這個空對象的原型鏈接到構造函數的prototype屬性所指向的對象。 3. 綁定this：執行構造函數中的代碼，此時的this指向新創建的對象。 4. 返回新對象：如果構造函數中沒有顯式返回對象，則默認返回新創建的對象。
總結：理解JavaScript中的原型鏈和new操作符，關鍵在於它們為優化內存使用和簡化對象創建流程而設計的原理與機制。原型鏈通過共享屬性和方法來減少內存消耗，而new操作符則通過四個步驟簡化了對象的創建過程。深入理解這些特性，有助於更好地掌握JavaScript語言的底層邏輯，並高效地使用這些特性。
2. zepto.js濡備綍緇戝畾touch浜嬩歡
JavaScriptzepto濡備綍娣誨姞瑙︽懜浜嬩歡渚嬪
浣跨敤swipeUp鍜宻wipeDown鍙傝:http://zeptojs.com/
瑙︽帶
瑙︽懜浜嬩歡
鈥滆Е鎽糕濇ā鍧楀炲姞浜嗕互涓嬩簨浠訛紝鍙涓庡紑鍜屽叧涓璧蜂嬌鐢:
鐐瑰嚮鈥旂偣鍑誨厓緔犳椂瑙﹀彂銆
singleTap鍜宒oubleTap鈥旇繖瀵
浜嬩歡鍙鐢ㄤ簬媯嫻嬪悓涓涓婄殑鍗曞嚮鍜屽弻鍑
鍏冪礌(濡傛灉涓嶉渶瑕佸弻鍑繪嫻嬶紝璇蜂嬌鐢╰ap浠ｆ浛)銆
longTap褰撶偣鍑誨厓緔犲苟涓旀墜鎸囨寜浣忚秴榪750姣縐掓椂瑙﹀彂銆
swipe銆乻wipeLeft銆乻wipeRight銆乻wipeUp銆乻wipeDown鈥斿湪婊戝姩鍏冪礌鏃惰Е鍙(鍙閫夊湴鍦ㄧ粰瀹氭柟鍚戜笂)
鎬庝箞鍏抽棴宕藉唇娑堟伅閫氱煡錛
鏂規硶/姝ラ
1.鎵撳紑宕藉唇zepeto涓婚〉錛
2.鏉ュ埌涓浜轟富欏碉紝鐐瑰嚮鍙充笂瑙掔殑銆愯劇疆銆戙
3.鎵撳紑璁劇疆錛岀偣鍑匯愭帹閫侀氱煡銆
4.欏甸潰璺寵漿錛岀偣鍑誨叧闂銆愬唇瀛愭柊闂匯戝嵆鍙銆
宕藉唇zepeto鎬庝箞鑾峰緱澶ч噺閽葷煶錛
宕藉唇寰楀埌澶ч噺閽葷煶浠誨姟濡備笅
1.鎵撳紑宕藉唇涓婚〉,鐐瑰嚮銆愪換鍔°戙
2.鎵懼埌濂栧姳閽葷煶鐨勪換鍔,鍘誨畬鎴愪換鍔″氨濂,鐒跺悗鍐嶇偣鍑匯愬垢榪愮洅銆戙
3.鍦ㄥ垢榪愮洅鍐,鎵懼埌閽葷煶浠誨姟,鐐瑰嚮鍋氫換鍔″嵆鍙銆
宕藉唇鎬庝箞鏀瑰悕錛
宕藉唇zepeto涓,鍦ㄤ富欏甸潰鐐瑰嚮鍙充笅瑙掔殑鎸夐挳榪涘叆涓浜轟腑蹇冨悗,鐐瑰嚮澶村儚灝變細榪涘叆鎴戠殑zepeto欏甸潰,鍑虹幇淇鏀瑰撳悕鐨勯夐」,鎺ョ潃灝辮兘鑷鐢卞彉鏇村撳悕鍟︺
2021鐗堝唇宕芥庝箞鎮㈠嶅垵濮嬪寲錛
1銆佹垜浠鎵撳紑鎵嬫満涓婄殑zepeto搴旂敤榪涘叆鍚庯紝鐐瑰嚮涓嬫柟鐨勬渶鍚庝竴涓鍥炬爣榪涘叆涓浜轟腑蹇冿紝鐒跺悗鐐瑰嚮涓婃柟鐨勫ご鍍忋
2銆佺偣鍑誨ご鍍忓悗錛屼笅闈浼氬脊鍑鴻劇疆鐨勯夐」銆傛垜浠閫夋嫨欏墮儴鐨勨滄垜鐨剒epeto鈥濊繖涓閫夐」榪涘叆銆
3銆佺偣鍑昏繘鍏ュ悗錛屽湪zepeto璁劇疆鍒楄〃涓錛屾垜浠閫夋嫨欏甸潰涓鐨勨滆掕壊鍒濆嬪寲鈥濈殑閫夐」銆
4銆佺偣鍑誨悗錛岄〉闈浼氬脊鍑哄硅瘽妗嗭紝璇㈤棶鎴戜滑鏄鍚﹁侀噸寤鴻掕壊錛屾垜浠鐐瑰嚮鈥滃ソ鐨勨濄
5銆佺偣鍑誨悗錛屽垯浼氶噸鏂板洖鍒板埗浣滈〉闈錛屾垜浠鐐瑰嚮鍒朵綔zepeto鐨勫浘鏍囥
6銆佺偣鍑誨悗錛屼細鏉ュ埌鐧誨綍欏甸潰錛岃繖鏃舵垜浠鍙浠ユ崲涓涓鏂瑰紡鐧誨綍銆備笉瑕佷嬌鐢ㄥ師鏈夌殑鐧誨綍閫斿緞錛屼篃鍙浠ョ偣鍑諱笅嬈＄櫥褰曠殑閫夐」銆
7銆佺偣鍑誨悗錛岃繘鍏ュ埌鎬у埆閫夋嫨鐨勭晫闈錛屾牴鎹鑷宸辯殑鎯呭喌閫夋嫨鎬у埆銆
8銆侀夋嫨瀹岋紝鍒欏彲浠ユ潵鍒版媿鐓х晫闈錛屽氨鍙浠ュ瑰噯鑷宸遍噸鏂版媿鐓ф崗鑴搞
ZEPETO鍒烽噾甯佽緟鍔㈱EPETO鐧句竾閲戝竵鑴氭湰鏀葷暐錛
1銆佸彧瑕佺敤綰㈡墜鎸囪蔣浠訛紝鏀鎸乑EPETO鍏峳oot鍏嶈秺鐙卞府鍔╃帺瀹惰嚜鍔ㄨ翰綆卞瓙姣忔棩浠誨姟鍒烽噾甯併
2銆佺帺瀹朵笅杞藉畨瑁呭ソ綰㈡墜鎸囷紝娣誨姞涓鍙頒簯鎵嬫満錛涘湪浜戞墜鏈哄唴閮ㄧ殑搴旂敤甯傚満錛屾悳緔zepeto錛屼笅杞藉畨瑁呰繖涓搴旂敤鍜岃緟鍔┿
3銆佹墦寮杈呭姪錛岃劇疆濂借緟鍔╁姛鑳斤紝鍕鵑夆滈噸澶嶈繘鍏ユ父鎴忊濃滀竴閿婊″垎鈥濅袱涓鍔熻兘錛屼繚瀛樸
4銆佹墦寮榪涘叆zepeto錛岀櫥褰曡處鍙蜂箣鍚庯紝鍚鍔ㄨ緟鍔╋紝灝盻鍛㈡寜鐓т箣鍓嶇殑璁劇疆鑷鍔ㄨ翰綆卞瓙鍒風Н鍒嗕簡錛涘畬鍚庡彲浠ラ鍑轟簯鎵嬫満錛屽叧闂鍚庡彴錛屼篃涓鏍瘋兘鑷鍔ㄨ繍琛屽摝錛岀潯瑙変箣鍓嶉【嫻╋紝涓鏅氫笂灝辮兘鍒鋒弧鍒嗗暒錛
5銆佺劧鍚庡彲浠ュ湪鑷宸辨墜鏈烘湰鍦幫紝閫氳繃閲嶅嶈繘鍏ヨ翰綆卞瓙娓告垙闅忔剰鎸傛帀涔嬪悗鐐瑰嚮瑙傜湅騫垮晩鍛婏紝閲嶅嶉嗗彇閲戝竵鍝︺傚彧瑕佷簯鎵嬫満涓婇潰鐨勪竴鐩村勪簬縐鍒嗘弧鍊礆紝閲戝竵婊″肩姸鎬侊紝閫氳繃榪欎釜鏂規硶錛屽彲浠ラ噸澶嶉嗗彇閲戝竵鍝︺傜櫨涓囬噾甯侀兘涓嶅湪璇濅笅錛