15个提高编程技巧的JavaScript工具

2015-11-12 admin 评论:0

JavaScript鑴氭湰搴撴槸涓€涓�棰勫厛鐢↗avaScript璇�瑷€鍐欏ソ鐨勫簱锛屽畠鏂逛究浜嗘垜浠�寮€鍙戝熀浜嶫avaScript鐨勫簲鐢ㄧ▼搴忥紝鐗瑰埆閫傚悎AJAX鍜屽叾浠栦竴浜涗互Web涓轰腑蹇冪殑鎶€鏈�銆侸avaScript涓昏�佺敤浜庣紪鍐欏祵鍏ユ垨鑰呭寘鍚�鍦℉TML椤甸潰鐨勫嚱鏁帮紝浠庤€屽疄鐜癉OM涔嬮棿鐨勪氦浜掋€�

杩欑瘒鏂囩珷鏀堕泦浜�15涓�鍙�鐢ㄤ簬鎻愰珮缂栫▼鎶€宸х殑JavaScript宸ュ叿锛屽姪浣犺交鏉惧揩閫熷畬鎴愬伐浣溿€備笅闈㈢殑杩欎簺JavaScript宸ュ叿鑳借�╀綘绠$悊Javascript鐘舵€併€佸帇缂㎎avaScript浠g爜銆侀噸鏋勮剼鏈�浠g爜缁撴瀯绛夌瓑銆傜湡璇氬湴甯屾湜浠ヤ笅杩欎簺宸ュ叿鑳藉�逛綘鏈夌敤銆傚苟涓斿�傛灉浣犺繕鐭ラ亾鍏朵粬鐨凧avaScript宸ュ叿锛屾�㈣繋涓嶅悵璧愭暀銆�

1.聽JavaScript State Manager

JavaScript State Manager鏄�涓€绉嶈交閲忕骇鐨勩€佹槗浜庝娇鐢ㄧ殑鐘舵€佺�$悊鍣�锛屼富瑕佺敤浜庡搷搴斿紡缃戠珯銆傚畠涓嶉渶瑕佷换浣曠殑JavaScript妗嗘灦銆備綘鍙�浠ュ畾涔夋柇鐐瑰皢杩愯�屽湪褰撳墠鏂�鐐圭殑JavaScript浠g爜鎵撳寘鍦ㄤ竴璧枫€�

瀹樻柟缃戠珯锛歨ttp://www.simplestatemanager.com/

2. jsMini

濡傛灉浣犳兂蹇�閫熴€佽交鏉惧湴鍘嬬缉JavaScript鎴杍Query鏂囦欢锛岄偅涔堝彲浠ヤ娇鐢╦sMini銆傚彧闇€澶嶅埗绮樿创婧愪唬鐮侊紝閫夋嫨鏄�鍚﹁�佸熀鏈�鎴栧畬鍏ㄥ帇缂╋紝鐒跺悗灏眔k浜嗐€�

瀹樻柟缃戠珯锛歨ttp://www.jsmini.com/

3. CountUp.js

CountUp.js鏄�涓€涓�鐙�绔嬬殑銆佽交閲忕骇鐨凧avaScript绫诲簱锛屽彲鐢ㄤ簬蹇�閫熷垱寤轰竴涓�鏈夋剰鎬濈殑鏄剧ず鏁板€兼暟鎹�鐨勫姩鐢汇€備粠瀛楅潰涓婄湅锛孋ountUp杩樿兘鏍规嵁浣犱紶閫掔殑startVal鍜宒endVal鍙傛暟璁℃暟涓よ€呬腑鐨勪换鎰忔柟鍚戙€侭ower鍜�.json鏂囦欢鐨勭粍浠堕兘鍖呭惈鍦ㄥ唴锛屼互鍙奀offeeScript鐗堟湰銆�

瀹樻柟缃戠珯锛歨ttp://inorganik.github.io/countUp.js/

4.Grasp

Grasp鑳借�╀綘鎼滅储銆佹浛鎹㈠拰閲嶆瀯鍩轰簬浠g爜缁撴瀯鐨凧avaScript锛岃€屼笉鏄�绾�鏂囨湰銆傚畠姣旀爣鍑嗘悳绱㈠拰鏇挎崲鐨勫姛鑳芥洿寮哄ぇ锛岃兘璁╀綘鏇村姞杞绘澗鍦伴噸鏋勪綘鐨勪唬鐮併€�

瀹樻柟缃戠珯锛歨ttp://graspjs.com/

5. Gulp.js

Gulp.js鏄�涓€涓�娴佹瀯寤虹郴缁熴€傚畠鍒╃敤娴佸拰浠g爜閰嶇疆鐨勬柟娉曚娇寰楀嚭鏉ヤ竴涓�鏇翠负绠€鍗曠洿瑙傜殑鏋勫缓銆傞€氳繃浼樺厛浠g爜杩囧害閰嶇疆锛孏ulp浣垮緱绠€鍗曠殑浜嬫儏缁х画绠€鍗曪紝鑰屽�嶆潅鐨勪换鍔″垯鍙�绠$悊鍖栥€�

瀹樻柟缃戠珯锛歨ttp://gulpjs.com/

6.Orcrad.js

Ocrad.js鏄�涓€涓�绠€鍗曠殑OCR绋嬪簭锛屽彲浠ュ皢鍥惧儚杞�鍖栨垚鏂囧瓧銆傝繖鏄�涓€涓狾crad椤圭洰鐨勭函JavaScript鐗堟湰锛屽ぇ姒�1M宸﹀彸锛屽苟涓嶉渶瑕佸お澶氱殑鍩硅��杩囩▼銆�

瀹樻柟缃戠珯锛歨ttp://antimatter15.github.io/ocrad.js/demo.html

7. Headroom.js

Headroom.js鏄�涓€涓�杞婚噺绾х殑锛岄珮鎬ц兘鐨凧S閮ㄤ欢锛堟棤渚濊禆鎬э紒锛夛紝鍙�浠ュ厑璁镐綘搴斿�圭敤鎴风殑婊氬姩瑕佹眰銆傚悜涓嬫粴鍔ㄧ殑鏃跺€欎笂闈㈢殑澶撮儴娓愭笎婊戝嚭鎴戜滑鐨勮�嗙嚎锛岃€屽悜涓婃粴鍔ㄧ殑鏃跺€欏張浼氬洖鏉ャ€偮燞eadroom.js鍏佽�镐綘璁剧疆鍏冪礌鍑虹幇鐨勯€傚綋鏃堕棿锛屽叾浠栨椂鍊欏垯灏嗙劍鐐规斁鍦ㄥ唴瀹逛笂銆備娇鐢╤eadroom.js涔熼潪甯哥畝鍗曘€傚畠鏈変竴涓�绾疛S鐨凙PI锛屼互鍙婂彲閫夌殑鍏煎�规€х殑jQuery/Zepto鍜孉ngularJS鎻掍欢銆�

瀹樻柟缃戠珯锛歨ttp://wicky.nillia.ms/headroom.js/

8. JIKO

JIKO鏄�涓€涓�鐜颁唬鍖栫殑锛屾槗浜庝娇鐢ㄧ殑闈㈠悜Javascript鐨勬ā鏉垮紩鎿庛€傚叾鐩�鏍囨槸鎻愪緵JavaScript绋嬪簭鍛樹竴绉嶅�侸inja鍜孧ako涓€鏍峰己澶х殑鏈嶅姟鍣ㄧ��鐘舵€佺殑缇庢湳妯℃澘寮曟搸銆�

瀹樻柟缃戠珯锛歨ttp://jiko.neoname.eu/

9. FileAPI

FileAPI鏄�涓€缁勫簽澶х殑JavaScript宸ュ叿锛屽嚑涔庝换浣曠浉鍏虫枃浠堕兘鍙�浠ュ�勭悊銆傚畠鎻愪緵浜嗘枃浠朵笂浼狅紙鍗曚竴/澶氫釜锛夌殑鍔熻兘骞舵敮鎸佹嫋鏀炬搷浣溿€佸浘鍍忚�佸壀銆佽皟鏁村ぇ灏忋€佸�楃敤绛涢€夈€佽幏鍙栨枃浠朵俊鎭�绛夌瓑銆傝�ュ伐鍏锋槸鐙�绔嬬殑锛屽苟閰嶆湁PHP绫诲彲澶勭悊鏈嶅姟鍣ㄧ��鐨勬搷浣溿€傛�ゅ�栵紝濡傛灉娴忚�堝櫒涓嶆敮鎸丣avaScript鏂囦欢涓婁紶鍜屾憚鍍忓ご锛屽畠灏嗚嚜鍔ㄩ€€鍥炲埌Flash妯″紡锛屽苟涓旇�︾粏鍦拌�板綍涓嬫潵銆�

瀹樻柟缃戠珯锛歨ttp://mailru.github.io/FileAPI/

10.Object Playground

Object Playground鏄�涓€涓�闈㈠悜JavaScript瀵硅薄鐨勫彲瑙嗗寲鍜屽疄楠屾€х殑宸ュ叿銆傚湪娴忚�堝櫒涓�浣跨敤锛屽苟涓旈潪甯哥畝鍗曘€�

瀹樻柟缃戠珯锛歨ttp://www.objectplayground.com/

11. Echo.js

Echo鏄�涓€涓�鐙�绔嬬殑JavaScript寤惰繜鍔犺浇鐨勫浘鍍忓伐鍏枫€侲cho鐨勯€熷害寰堝揩锛屼娇鐢ㄧ殑鏄疕TML5鏁版嵁鈥斺€�*灞炴€с€侷E8+涓婇潰鐨嗗彲浣跨敤銆侲cho.js鍙�浠ラ潪甯哥畝鍗曞湴瀹炵幇鍥剧墖寤惰繜鍔犺浇鍔熻兘锛屽悓鏃跺畠闈炲父灏忓阀锛屽帇缂╁悗鎵�1KB锛堟病鏈変娇鐢╦Query/Zepto绛夎剼鏈�搴擄級銆�

寤惰繜鍔犺浇鎸囩殑鏄�鍙�鏈夊綋鐪熸�i渶瑕佹暟鎹�鐨勬椂鍊欙紝鎵嶆墽琛屾暟鎹�鍔犺浇鎿嶄綔锛屾墠闇€瑕佷粠鏈嶅姟鍣ㄥ姩鎬佽�锋眰鏁版嵁锛屽苟涓旇嚜鍔ㄦ敼鍙樺浘鐗囩殑src灞炴€с€傝繖涔熸槸涓€绉嶅紓姝ユ柟娉曘€�

瀹樻柟缃戠珯锛歨ttp://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

12. jsComplexity

鎯崇煡閬撲綘鐨凧avaScript浠g爜鐪熺殑鏈夐偅涔堝�嶆潅鍚楋紵閫氳繃Analysisand杩愯�屼綘灏卞彲浠ヤ翰鐪肩洰鐫广€備唬鐮佽秺澶嶆潅锛岄敊璇�鐨勬�傜巼灏辫秺澶с€傛墍浠ヤ綘瑕佸仛鐨勫氨鏄�绠€鍖栦綘鐨勪唬鐮侊紝浠ヤ究灏藉彲鑳藉湴鎻愰珮鍏舵€ц兘鍜屽彲闈犳€с€�

瀹樻柟缃戠珯锛歨ttp://jscomplexity.org/

13. Chance.js

Chance鏄�涓€绉嶆渶绠€鍗曠殑闅忔満瀛楃�︿覆銆佹暟瀛楃瓑鐨勭敓鎴愮▼搴忥紝鐗瑰埆鏈夊姪浜庡噺灏戠紪鍐欒嚜鍔ㄥ寲娴嬭瘯鎴栬€呭叾浠栦换浣曢渶瑕侀殢鏈烘暟鎹�鏃跺崈绡囦竴寰嬬殑鍗曡皟鎬с€侰hance鏄�涓€娆惧紑婧愯蒋浠讹紝鍩轰簬MIT寮€婧愬崗璁�銆傚苟涓擟hance鏄�瑁呰浇鍦ㄧ綉绔欎笂鐨勶紝杩欐牱浣犲彧闇€瑕佹墦寮€娴忚�堝櫒涓婇潰鐨勬帶鍒跺彴灏卞彲浠ヤ簡锛�

瀹樻柟缃戠珯锛歨ttp://chancejs.com/

14. Bookmarkfiy

浣跨敤Bookmarkify鍒涘缓鑷�宸辩殑涔︾�惧伐鍏疯秴绾х畝鍗曘€傚彧闇€瑕佸懡鍚嶄功绛撅紝杩涘叆JavaScript锛岄€夋嫨瀹冿紝灏卞彲浠ュ紑濮嬩綘鐨勪簰鑱旂綉涔嬫梾浜嗐€�

瀹樻柟缃戠珯锛歨ttp://bookmarkify.it/

15.David

David鏄�涓€娆捐妭鐐圭�$悊宸ュ叿锛屽彲浠ュ皢杩欐�惧伐鍏峰祵鍏ュ埌浣犵殑缃戠珯涓�銆�

瀹樻柟缃戠珯锛歨ttps://david-dm.org/

评论
回到顶部