馃コ娆㈣繋鏈夊叴瓒ｇ殑灏忎紮浼达紝涓€璧锋潵鍋氱偣鏈夋剰涔夌殑浜嬫儏鍚э紒鏈枃璇戣€咃細Yixu鎴戞帹鍑轰簡涓€涓瘡鍛ㄧ炕璇戦」鐩紝浠撳簱鍦板潃锛岃闂湴鍧€杩樻槸寰堢己蹇楀悓閬撳悎鐨勬湅鍙嬶紝绾睘涓汉鍏磋叮锛屽綋鐒朵篃鏈夊姪浜庢彁楂樿嫳璇拰鍓嶇鎶€鑳斤紝瑕佹眰锛氳嫳璇笉宸璋憋紝鐔熺粌浣跨敤github锛屾湁姣呭姏锛岃唉铏氾紝鍋氫簨鏈夎矗浠诲績銆傛兂鍙備笌鐨勬湅鍙嬪彲浠x绉佷俊锛屼篃鍙互缁欎粨搴撳彂issue娑堟伅銆傛垜鐨勫崥瀹篃鏈夊叿浣撶殑涓汉鑱旂郴鏂瑰紡锛歞aodaolee.cn涓€涓槸鍏ㄩ儴鈥斺€旀祻瑙堝櫒娓叉煋鍛ㄦ湡銆佺‖浠跺姞閫熷拰姣忎竴涓數瀛愯澶囩殑甯冨眬甯冨眬鏄剧ず鍣ㄤ互姣忕涓€瀹氱殑甯ф暟鍒锋柊锛屾祻瑙堝櫒蹇呴』灏介噺鍖归厤鍒锋柊鐜囩粰鐢ㄦ埛娴佺晠鐨勪綋楠屻€傝鍚戞樉绀哄櫒杈撳嚭鏂扮殑甯э紝娴忚鍣ㄥ繀椤婚鍏堝畬鎴愨€滄覆鏌撳懆鏈熲€濆拰鈥滃儚绱犵閬撯€濄€傚ぇ澶氭暟璁惧浠?0FPS杩愯锛岃繖鎰忓懗鐫€姣?6ms杈撳嚭涓€甯с€侳PS琛ㄧず姣忕甯ф暟锛岃緝楂樼殑FPS琛ㄧず姣忓抚鍏锋湁杈冮珮鐨勯€熺巼銆傛瘮濡?20FPS锛屾瘡甯ц姳璐圭殑鏃堕棿涓嶈兘瓒呰繃8ms銆傛洿绯熺硶鐨勬槸锛屾祻瑙堝櫒寰€寰€浼氬鍔犱竴浜涢澶栫殑寮€閿€锛屾瘡甯ф渶澶氬彲鑳介渶瑕?姣锛涙墍浠ュ湪鐢熶骇涓垜浠彲鑳介渶瑕佹瘡甯?2姣鎵嶈兘杈惧埌60FPS銆傚湪120FPS涓嬶紝姣忓抚鍙湁4ms銆傚鏋滄祻瑙堝櫒涓嶈兘缁欐瘡涓€甯ц冻澶熺殑鏃堕棿锛屽畠灏变細涓㈠抚銆傝繖鏍蜂細浣跨敾闈㈢敓娑╋紝缁欑敤鎴峰甫鏉ヤ笉濂界殑浣撻獙銆傛繁鍏ヤ簡瑙ｆ覆鏌撳懆鏈燂紝浠ュ強濡備綍浣跨敤鐜版湁宸ュ叿瀵瑰叾杩涜鍒嗘瀽锛屼娇鎴戜滑鑳藉鏈€澶ч檺搴﹀湴鍒╃敤姣忎竴甯ф墍鑺辫垂鐨勬椂闂粹€斺€旇繖鏄娴忚鍣ㄥ墠绔€ц兘鑷冲叧閲嶈鐨勪竴鐐规覆鏌撱€備笂闈㈢殑鍛ㄦ湡鏄覆鏌撶殑浜斾釜闃舵娓叉煋甯ф椂鐨勬覆鏌撳懆鏈烰S/CSS鍔ㄧ敾鏌愪簺JS鎴朇SS鍔ㄧ敾浼氬鑷磋瑙夊彉鍖栵紝浠庤€屽鑷存牱寮忓尮閰嶄俊鎭娓叉煋锛岀劧鍚庡皢鏂扮殑CSS閫夋嫨鍣ㄦ垨瑙勫垯搴旂敤浜庢寚瀹氱殑DOM鍏冪礌甯冨眬璁＄畻DOM鍏冪礌鐨勬柊鍑犱綍鍥惧舰缁樺埗鎴栧～鍏呮柊鐨勯〉闈笉鍚屽尯鍩熺殑鍍忕礌鍚堟垚缁勫悎鎵€鏈夊崟鐙粯鍒剁殑鍥惧眰骞跺噯澶囨樉绀哄凡鏇存敼鐨勫厓绱犲睘鎬с€傞€氬父鏈夊嚑绉嶄笉鍚岀殑鏂瑰紡鏉ュ疄鐜颁竴涓瑙夋晥鏋滐紝浣嗘槸鏈変簺鏂瑰紡鐨勬覆鏌撴垚鏈潪甯搁珮銆傚睘鎬у彲浠ュ垎涓哄舰寮忓拰澶嶅悎銆傞『渚胯涓€鍙ワ紝澶嶅悎灞炴€х殑娓叉煋鎴愭湰鏄渶浣庣殑銆備负浠€涔堝悎鎴愬睘鎬ф瘮褰㈠紡灞炴€ф洿濂斤紵琛ㄥ崟灞炴€ф槸鎸囨敼鍙樺厓绱犲舰鐘跺拰鏍峰紡鐨勫睘鎬э紙濡傚搴︺€侀珮搴︺€佷綅缃€侀鑹茬瓑锛夈€備娇鐢ㄨ〃鍗曞睘鎬ч€氬父浼氬鑷撮噸缁樻垨鍥炴祦銆傚鍚堝睘鎬ф槸鎸噒ransform銆乷pacity绛夊睘鎬э紝浣跨敤鏃朵細灏嗗厓绱犳彁鍗囧埌澶嶅悎灞傦紝鍦ㄦ煇浜涙祻瑙堝櫒涓婁笉浼氶€犳垚閲嶇粯鎴栧洖娴併€傚綋鎴戜滑浣跨敤鍏紡锛堥鑹层€佽儗鏅浘鐗囩瓑锛夌瓑灞炴€ф椂锛屼笉浼氬奖鍝嶅厓绱犵殑褰㈢姸锛堝銆侀珮銆佷綅缃瓑锛夛紝鎵€浠ヤ笉浼氳繘鍏ayout闃舵銆備笉鍚岀殑鏍峰紡灞炴€ч渶瑕佷笉鍚岀殑娓叉煋鏃堕棿锛屼絾閫氬父姣斿舰鐘跺睘鎬у揩銆傛垜浠繕鍙互閫氳繃鏈€灏忓寲閲嶇粯鍖哄煙鏉ヤ紭鍖栨覆鏌撻€熷害锛屼絾鎴戜滑绋嶅悗鍐嶈璁恒€傚綋鎴戜滑浣跨敤澶嶅悎灞炴€ф椂锛屼細璺宠繃Layout鍜孭aint闃舵锛岃繖灏辨槸澶嶅悎灞炴€у崰鐢ㄦ渶灏戞覆鏌撴椂闂寸殑鍘熷洜銆傚悎鎴愬睘鎬у埄鐢ㄧ‖浠跺姞閫熸潵瀹屾垚绻侀噸鐨勫伐浣滐紝甯姪鎴戜滑鍑忓皯甯ц姳璐圭殑鏃堕棿锛岃繖瀵逛簬鍔ㄧ敾鍜屾粴鍔ㄧ浉鍏崇殑闃诲鐐瑰緢鏈夌敤銆備絾鏄繖閲屽氨鍑虹幇浜嗕竴涓棶棰橈紝杩欎釜鎴戜滑浠ュ悗鍐嶈銆侰omposite灞炴€у寘鎷細Transfrom锛氬厓绱犵殑骞崇Щ銆佺缉鏀俱€佹棆杞€佸€炬枩Opacity锛氬厓绱犵殑閫忔槑搴ilter*锛氭ā绯娿€佸姣斿害銆佺伆搴︺€佽壊璋冨拰闃村奖鏁堟灉娉ㄦ剰锛氭湁浜涙祻瑙堝櫒娌℃湁瀵笷ilter杩涜纭欢鍔犻€燂紝铏界劧姣忎竴甯ч兘宸笉澶氫笉鍙兘鐢ㄥ鍚堝睘鎬ф潵鍋氥€備絾鏄垜浠彲浠ヤ娇鐢ㄥ鍚堝睘鎬т唬鏇垮舰寮忓睘鎬ф潵杈惧埌鍚屾牱鐨勮瑙夋晥鏋溿€傚彧鏈夎繖涓夌灞炴€х殑缁撳悎锛屾墠鑳借揪鍒版儕浜虹殑鏁伴噺銆傛渶鍚庝竴涓噸瑕佺殑姒傚康鍙互璁╂偍鏇村ソ鍦扮悊瑙ｅ鍚堝睘鎬э細灞傜敎鐐瑰眰鎴栧鍚堝眰鏄竴涓崟鐙殑DOM鍏冪礌鍥撅紝鍙互鍦ㄦ祻瑙堝櫒涓彁鍗囦互鎷ユ湁鑷繁鍗曠嫭鐨勭粯鍥惧尯鍩熴€備竴涓浘灞傚彧闇€瑕佸湪瀹冭嚜宸辩殑瑙嗚鏁堟灉鍙戠敓鍙樺寲鏃舵覆鏌撳畠鑷繁銆傝壇濂界殑灞備娇鐢ㄥ彲浠ユ渶灏忓寲缁樼敾鍖哄煙锛屾祻瑙堝櫒閫氳繃涓€缁勫唴閮ㄦ爣鍑嗗喅瀹氭槸灏咲OM鍏冪礌鎻愬崌涓哄鍚堝眰杩樻槸灏嗗叾闄嶇骇涓烘櫘閫氬眰銆傚鏋滄槸DOM鍏冪礌锛氬叿鏈?D鎴栭€忚鍙樺寲鐨凜SS灞炴€т娇鐢ㄨ棰戝姞閫熻В鐮?video>鍏冪礌浣跨敤3D鐜鎴栫‖浠跺姞閫?D鐜
