銆婂悙琛€鏁寸悊銆嬬郴鍒?鍓嶇寮€鍙戝伐鍏枫€佺粍浠跺簱闆嗗悎

Posted 2021-04-08 鎺ユ按鎬?/a> 銆婂悙琛€

鍓嶈█

Coding 搴斿綋鏄竴鐢熺殑浜嬩笟锛岃€屼笉浠呬粎鏄?30 宀佺殑闈掓槬馃崥

澶у巶鍓嶇寮€鍙戝伐鍏枫€佺粍浠跺簱鐨勯泦鍚堬紝浠婂ぉ锛屽畠鏉ヤ簡锛屽畠韪忕潃涓冨僵绁ヤ簯鏉ヤ簡锛侊紒锛?/p>

浼佷笟绾т腑鍚庡彴

Ant Design

铓傝殎閲戞湇寮€婧?React 缁勪欢搴撻閫夛紝浼佷笟绾у悗鍙扮洿鎺ョ敤瀹冨氨瀹屼簨鍎匡紝娌℃瘺鐥厏
缁勪欢寰堥綈鍏紝寮€鍙戣捣鏉ョ畝鐩寸閫焴

椋炲啺

鍙鍖栧揩閫熸惌寤轰紒涓氱骇涓悗鍙板墠绔簲鐢紝鍊煎緱璇曚竴璇晘

Ant Design Vue

濡傛灉浣犱滑鍏徃鎶€鏈爤鏄?Vue.js锛岀敤杩欎釜灏卞畬浜嬪効浜唦

璺ㄧ妗嗘灦

Taro

React 寮€鍙戞柟寮忕殑璺ㄧ寮€鍙戞鏋讹紝鐩墠宸叉敮鎸侊紝寰俊/鐧惧害/瀛楄妭璺冲姩/鏀粯瀹?QQ 灏忕▼搴忋€佸揩搴旂敤銆丠5銆丷eact Native 绛夊绔殑搴旂敤銆?/p>

鍒涗笟鍏徃蹇呭锛屾渶杩戝垰鍑虹殑 Taro3.0锛岀湡鐨勮秴绾у己澶с€?/p>

Taro UI

鍩轰簬涓婇潰 Taro 璺ㄧ妗嗘灦寮€鍙戠殑澶氱 UI 缁勪欢搴擄紝涓嶅緱涓嶈锛屼含涓滆繕鏄€冭檻寰楀懆鍒帮紝鐐硅禐锛?/p>

浣跨敤 Taro锛屽氨鍙互瀹炵幇鍏ㄧ珯鎶€鏈爤缁熶竴浜唦

uni-app

Vue.js 寮€鍙戞柟寮忕殑璺ㄧ寮€鍙戞鏋讹紝涓汉杩樻槸鏇存帹鑽?Taro锛岀壒鍒槸鐜板湪鍑轰簡 Taro3.0 ,鐪熺殑寰堝己澶э紝鍒涗笟鍏徃蹇呭~

鏁版嵁鍙鍖?/span>

AntV

鏁版嵁鍙鍖栦腑鐨勭帇鑰咃紝鍒姽璞簡锛岀敤瀹冨氨瀵逛簡~

PC 绔紝绉诲姩绔兘缁欎綘鑰冭檻鍒颁簡~

鍥剧墖澶勭悊

Image Cropper

缁欏浘鐗囨樉绀轰竴涓鍓锛岃鍓鍏佽鐢ㄦ埛璋冩暣澶у皬鍜屼綅缃紝甯哥敤鏉ュ仛鐢ㄦ埛鑷畾涔夊ご鍍忕殑瑁佸壀鍔熻兘銆?/p>

img-2

浣跨敤 web worker 鍋氱殑鍥剧墖鎳掑姞杞絶

涓嶈繃閽堝鑷繁鐨勫叕鍙革紝鎬€缓璁儚鎳掑姞杞姐€侀鍔犺浇杩欑涓滆タ锛岃繕鏄嚜宸卞仛涓€濂楁瘮杈冨ソ鍝

Fabric.js

鏈夋椂鍊欎細纰板埌鍥剧墖鍚堟垚绫荤殑闇€姹傦紝杩欎釜搴撴槸鍩轰簬 canvas 寮€鍙戞淮锛屾敮鎸佹嫋鎷斤紝鏈夌被浼奸渶姹傜殑灏忎紮浼村彲浠ヨ瘯璇晘

nsfwjs

杩欎釜搴撳氨鏈夌偣涓滆タ浜嗭紝閴村畾鍥剧墖鏄惁绗﹀悎瑕佹眰锛岃繖涓垜娌＄敤杩囷紝涓嶈繃鎰熻浼氭湁鐐圭敤~

涓嶈繃鍍忚繖绉嶄笉绗﹀悎瑕佹眰鐨勫浘鐗囪繃婊わ紝鐪熸浼佷笟閲岄潰锛岄兘鏄鎺у洟闃熸潵澶勭悊婊达紝涓嶉渶瑕佹垜浠墠绔潵鎼瀪

Squoosh

璋锋瓕鍦ㄧ嚎鍥剧墖鍘嬬缉锛屾€€粡甯哥敤~

涓嶈繃鐪熸椤圭洰閲岄潰锛屽叕鍙稿墠绔熀寤哄皬鍒嗛槦涓€鑸兘浼氬皝瑁呬竴濂楀浘鐗囧帇缂╃被鐨勭粍浠秪

SpriteJS

360 鍥㈤槦寮€鍙戠殑锛岄珮鎬ц兘鍥惧舰绯荤粺锛屽畠鑳藉鏀寔 web銆乶ode銆佹闈㈠簲鐢ㄥ拰灏忕▼搴忕殑鍥惧舰缁樺埗鍜屽疄鐜板悇绉嶅姩鐢绘晥鏋滐紝瀵?360 鐨勪笢瑗胯繕鏄尯鏈夊ソ鎰燂紝榻愯垶鍛ㄥ垔鏈夌偣涓滆タ~

UI 鏍峰紡

imgcook

寰堝ぇ绋嬪害涓婂噺杞讳簡鍓嶇鐨勫伐浣滈噺锛侊紒锛侊紝鏀寔 Sketch銆丳SD銆侀潤鎬佸浘鐗囩洿鎺ヨ浆 code锛屼篃灏辨槸澶у甯歌鐨?ui2code銆傚彲浠ョ洿鎺ヨ浆鎴愪唬鐮侊紒锛?/p>

娌＄敤杩囩殑灏忎紮浼达紝涓€瀹氳鍘昏瘯璇曪紒锛侊紒

animate.css

杩欏ぇ姒傛槸鏈€鍏ㄧ殑 css 鍔ㄧ敾搴撲簡~

direction-reveal

鏍规嵁榧犳爣杩涘叆浣嶇疆锛屽睍鐜颁粠涓嶅悓鏂瑰悜 灞曠幇 hover 鏁堟灉锛宲c 绔繕鏄細閬囧埌杩欐牱鐨勯渶姹傘€?/p>

鏀寔寰堝绉嶆晥鏋滐紝鍩烘湰涓婂寘鍚簡鏃ュ父鎵€鏈夌殑鎯呭喌~

lax.js

涓婇潰鐨勫姩鐢诲簱锛岄厤涓婅繖涓粴鍔ㄧ壒鏁堝簱锛岀畝鐩村畬缇?/p>

鍘嬬缉瀹屽彧鏈?2kb锛屽緢杞婚噺

purifycss

鍙互甯姪浣犵Щ闄ゆ病浣跨敤鍒扮殑 css锛屼篃绠楁槸涓€涓皬浼樺寲鐐箏

Vue.js

vue-virtual-scroller

鍩轰簬 vue 鐨勮櫄鎷熷垪琛ㄦ棤闄愭粴鍔紝鎬ц兘杩樹笉閿檦

鎬€叕鍙稿熀寤哄皬鍒嗛槦鑷繁鍋氫簡涓€濂楁棤闄愭粴鍔ㄥ姞杞芥淮锛屾病鐢ㄨ繖涓獈

Vue.Draggable

浠ュ墠鎬€疄涔犵殑鏃跺€欙紝灏遍亣鍒颁簡杩愯惀闇€瑕佸鍚庡彴涓€浜涘厓绱犺繘琛屾嫋鎷界殑鍦烘櫙锛屽氨鏄敤鐨勮繖涓獈

javascript

eslint

杩欑帺鎰忕殑鍑虹幇瑙ｅ喅浜嗗ぇ閮ㄥ垎寮鸿揩鐥囩▼搴忓憳鐨勯棶棰橈紝缁熶竴 JavaScript 浠ｇ爜椋庢牸

杩欎笉鐢ㄧ姽璞紝鍏徃鐨勪唬鐮佽鑼冨繀椤荤粺涓€鍟妦

JavaScript Obfuscator Tool

JavaScript 浠ｇ爜娣锋穯宸ュ叿锛岃娣锋穯鏃跺氨娣锋穯~

lodash

lodash 鏄竴濂楀伐鍏峰簱锛屽唴閮ㄥ皝瑁呬簡瀛楃涓层€佹暟缁勩€佸璞＄瓑甯歌鏁版嵁绫诲瀷鐨勫鐞嗗嚱鏁般€?/p>

寰堝疄鐢紝鐢ㄨ繃浣犲氨鐭ラ亾浜唦

jlb-tools

鍓嶇 js 宸ュ叿搴? 灏佽甯哥敤鐨勫伐鍏峰嚱鏁帮紝濡傛棩鏈熸牸寮忓寲銆佹祻瑙堝櫒鍒ゆ柇绛夛紝鎻愰珮寮€鍙戞晥鐜?/p>

濡傛灉鏄嚜宸辩殑鍏徃锛岃繖绉嶄笢瑗夸竴瀹氳鏈変竴濂楀皝瑁呭埌鑴氭墜鏋堕噷闈紝瀵逛簬寮€鍙戝緢鐪佷簨鍎縹

jscodeshift

灏?js 鍐呭瑙ｆ瀽鎴?AST 璇硶鏍戯紝鐒跺悗鎻愪緵涓€浜涗究鍒╃殑鎿嶄綔鎺ュ彛锛屾柟渚挎垜浠鍚勪釜鑺傜偣杩涜鏇存敼

鏈夋椂鍊欙紝闇€瑕佸幓鍋氫竴浜涘簳灞傜殑楂樼骇澶勭悊锛岃繖涓笢瑗垮氨鑳芥淳涓婄敤鍦轰簡~

绉诲姩绔?/span>

Swiper

涓昏鐢ㄦ潵瑙ｅ喅绉诲姩绔Е鎽告粦鍔紝鍍忎粈涔堣疆鎾浘鍟婏紝涓婁笅婊戝姩鍟婏紝鐢ㄥ畠灏卞浜唦

fullPage

闈炲父濂界敤鐨勫叏灞忔粦鍔ㄥ簱锛屽幓瀹樼綉鐪?demo 灏辫兘鎰熷彈鍒颁簡~

PhotoSwipe

鍥剧墖棰勮缁勪欢锛屾敮鎸佺Щ鍔ㄧ锛岀浉瀵逛笂闈㈢粍浠跺簱閲岄潰鑷甫鐨勶紝姣旇緝杞婚噺~

Swiper + PhotoSwipe + fullPage 杩?3 涓竴閰嶅悎锛屽井淇￠噷甯歌鐨?H5 椤靛畬鍏ㄤ笉鏄棶棰樺搾锛侊紒锛?/p>

HAMMER.JS

绉诲姩绔墜鍔垮簱锛屾尯涓嶉敊婊磣

鍏跺畠甯哥敤灏忓伐鍏?/span>

Day.js

鐢?JavaScript 瑙ｆ瀽銆侀獙璇併€佹搷浣滃拰鏄剧ず鏃ユ湡鍜屾椂闂达紝寰堟柟渚垮摝~
鍜?Moment.js 涓€鏍风殑 API锛屼絾鏄瘮 Moment.js 杞婚噺銆佸皬寰堝

axios

鐩墠鏈€甯歌鐨勮姹傚簱锛屽己鎺▇

Can I use

寮€鍙戝繀澶囷紝鏌ョ湅娴忚鍣ㄥ鍚勭鏂扮壒鎬х殑鍏煎鎯呭喌

鏋滅劧锛屾祻瑙堝櫒杩樹笉鏀寔鎺ユ按鎬紝浼ゅ績

regexr

鏃ュ父鑷繁鍐欎竴涓鍒欑殑鏃跺€欙紝杩欎釜缃戠珯寰堢埥~

nodeppt

• 瀹樻柟缃戝潃锛歨ttps://github.com/ksky521/nodePPT

鐢?node 鍐?ppt锛屽氨寰堟湁鏍煎眬~

浠ヨ繖涓伐鍏风粨鏉燂紝鏄?span class="mq-323">甯屾湜澶у閮借兘鍋氬緱涓€鎵嬪ソ ppt锛岄兘鑳藉椤哄埄鏅嬪崌锛侊紒锛?/p>

鎬荤粨

涓婇潰鐨勭粍浠跺簱锛屽伐鍏烽兘鏄€€簿蹇冩寫閫夋淮锛屽笇鏈涜兘甯姪灏忎紮浼翠滑鍑忚交宸ヤ綔閲忥紝happy work锛侊紒

鍠滄鐨勫皬浼欎即鍔犲叧娉紝鐐瑰湪鐪嬪摝锛屾劅鎭煉曫煒?/p>

鑱旂郴鎴?/ 鍏紬鍙?/span>

鎺ユ按鎬篃浼氬畾鏈熷師鍒涳紝瀹氭湡璺熷皬浼欎即杩涜缁忛獙浜ゆ祦鎴栧府蹇欑湅绠€鍘嗐€傚姞鍏虫敞锛屼笉杩疯矾锛屾湁鏈轰細涓€璧疯窇涓馃弮 鈫撯啌鈫?/strong>