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銆佺劧鍚庡彲浠ュ湪鑷宸辨墜鏈烘湰鍦帮紝閫氳繃閲嶅嶈繘鍏ヨ翰绠卞瓙娓告垙闅忔剰鎸傛帀涔嬪悗鐐瑰嚮瑙傜湅骞垮晩鍛婏紝閲嶅嶉嗗彇閲戝竵鍝︺傚彧瑕佷簯鎵嬫満涓婇潰鐨勪竴鐩村勪簬绉鍒嗘弧鍊硷紝閲戝竵婊″肩姸鎬侊紝閫氳繃杩欎釜鏂规硶锛屽彲浠ラ噸澶嶉嗗彇閲戝竵鍝︺傜櫨涓囬噾甯侀兘涓嶅湪璇濅笅锛