閭ｄ簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>
Posted 鍓嶇妫灄
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了閭ｄ簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>相关的知识，希望对你有一定的参考价值。
寮曡█
涓€浜涘紑婧愮殑鐢熶骇鍔涘伐鍏疯兘鏋佸ぇ鐨勬彁鍗囨垜浠殑寮€鍙戞晥鐜囷紙鎴戜竴鐩存槸杩欎箞璁や负鐨?馃锛夈€?/p>
浠婂ぉ鎺ㄨ崘涓€浜涙垜涓€鐩村湪鐢ㄧ殑銆佹瘮杈冮鐨勫伐鍏风粰澶у銆傚叾涓寘鎷竴浜涙枃妗ｃ€佸彲瑙嗗寲宸ュ叿銆佸垎鏋愬伐鍏枫€佷唬鐮佺墖娈点€佽皟璇曞伐鍏风瓑銆?/p>
Collect UI 馃
Collect UI鐢诲粖鏄竴涓厤璐圭殑鍦ㄧ嚎璧勬簮锛岀敤浜庢瘡鏃?code>UI璁捐鐏垫劅銆?鐩墠锛屽畠鏈?6500 澶氫釜鏉＄洰锛屽苟涓旀寔缁繚鎸佹洿鏂版渶鏂板唴瀹广€?br>
鍦ㄨ竟鏍忎腑锛屾湁鍋氬垎绫汇€傚寘鎷?404 椤甸潰銆佺櫥闄?鐧诲嚭銆佽喘鐗╄溅銆佹棩鍘嗐€佽棰戞挱鏀惧櫒绛夈€傚鏋滀綘鎯冲湪鏌愭柟渚块渶姹傜伒鎰燂紝鐒跺悗鐢ㄤ簬浣犵殑鍏徃椤圭洰鎴栬€呬釜浜洪」鐩紝鎴戞兂鏄細鏈夊緢澶х殑甯姪鐨勩€?/p>
Taskade 馃摑
鍦ㄥ钩鏃剁敓娲讳腑鎬讳細鏈夊緢澶氱殑浜嬭鍋氾紝姣斿宸ヤ綔鏃舵湁寰堝寰呭姙浜嬮」锛屼絾鏄緢瀹规槗灏变細蹇樿涓€浜涗簨鎯咃紝杩欐椂鎴戜滑灏遍渶瑕佷竴娆惧叿鏈夊甫鏈夊緟鍔炰簨椤圭殑chrome鎻掍欢--taskade銆?br>
Taskade绠€鍗曪紝鏁存磥骞朵笖璁捐绮剧編锛屾湁鐫€浠や汉鏀炬澗鐨勪富棰樺拰鑳屾櫙銆備娇鐢?code>Taskade鏉ユ暣鐞嗘偍鐨勬€濊矾锛岃繖鏍锋偍鍙互闆嗕腑绮惧姏鍋氫簨鎯呫€?br>
Colordot 馃寛
鏈夋椂鍊欐垜浠兂瀵绘眰涓€涓嚜宸卞枩娆㈢殑棰滆壊锛堟湁鐐瑰儚璧蜂竴涓嚜宸辨弧鎰忕殑鏄电О锛夛紝鍗存病鏈夌伒鎰燂紝杩欐椂鍊欐垜浠氨鍙互鏉?a href="https://link.segmentfault.com/?url=https%3A%2F%2Fcolor.hailpixel.com" rel="nofollow">杩欓噷
缃戦〉鍖哄煙鍐呴殢鎰忔粦鍔ㄩ紶鏍囷紝鍙互浜х敓涓嶅悓鐨勮壊褰┿€傜‘瀹氫竴涓壊褰╋紝鍐嶉殢鎰忔粦鍔ㄤ骇鐢熶笅涓€涓壊褰╋紝鐩村埌鎵惧埌鑷繁婊℃剰鐨勯厤鑹层€?/p>
FontSpark 馃幆
FontSpark鏄竴涓府鍔╂湁瀛椾綋閫夋嫨鍥伴毦鐥囩殑鐢ㄦ埛鎵撻€犵殑閫夋嫨瀛椾綋鐨勭綉绔欙紝鐢ㄦ埛鍙渶瑕佽緭鍏ユ墍闇€瑕佸睍绀虹殑鏂囧瓧鍗冲彲鑾峰緱缃戠珯鎺ㄨ崘鐨勫瓧浣擄紝鍖呮嫭瀛椾綋绫诲瀷鍜屽ぇ灏忋€?br>
瀵逛簬鎺ㄨ崘鐨勫瓧浣撲笉鏄緢婊℃剰鐨勮瘽锛岀偣鍑?code>Generate鎸夐挳鍒锋柊鍗冲彲銆?/p>
The Noun Project 馃巸
The Noun Project 缃戠珯涓撻棬鎻愪緵楂樺搧璐ㄣ€佸彲杈ㄨ瘑鎬у己鐨?code>icon锛岃繖浜?code>icon娌℃湁寰堢偒閰风殑璁捐锛岄€氬父鍙敤鍗曡壊鏉ュ憟鐜帮紝浣跨敤鑰呭嵈鑳藉緢瀹规槗鍦拌鲸鍒嚭瀹冭浼犺揪鐨勬剰鎬濄€?/p>
鐩墠 NounProject 鎻愪緵瓒呰繃 200 涓囩殑icon渚涗娇鐢ㄨ€呭厤璐逛笅杞斤紝涓旀寔缁湪鏇存柊涓紝濡傛灉浣犻渶瑕佹煇绉?code>icon锛屽嵈涓€鐩存病鏈夋壘鍒板悎閫傜殑锛屼笉濡ㄥ埌杩欎釜缃戠珯鏉ヨ蛋璧般€?/p>
csseffects 馃殌
CSSeffectsSnippets鏀跺綍浜嗗ぇ绾?20 澶氱CSS鍔ㄧ敾锛屾棤璁烘槸鍔犺浇璇诲彇涓紝鎴栨槸灏嗗厜鏍囩Щ鍔ㄨ繃鍘讳骇鐢熺殑鍔ㄧ敾锛岄兘鑳藉湪缃戠珯涓婂嵆鏃堕瑙堛€?/p>
鑰岃繖杩樹笉鏄畠鏈€澶х殑浜偣锛屾渶鍊煎緱鎺ㄨ崘鐨勬槸鎵€鏈夋晥鏋滈兘鑳藉湪鐐瑰嚮鍚庡揩閫熷鍒剁浉鍏充唬鐮侊紝鐩存帴璁╁紑鍙戣€呰繍鐢ㄥ埌鑷繁鐨勭綉绔欐垨鍗氬锛屽綋鐒跺彲鑳借繕鏄渶瑕佺粡杩囧井璋冿紝涓嶈繃涓嶇敤浠庡ご寮€濮嬶紝涔熶笉闇€鍦ㄧ綉璺笂瀵绘壘杩欎簺鍔ㄧ敾浠ｇ爜锛岄潪甯告柟渚胯€屼笖鐪佹椂銆?/p>
unDraw 馃崏
unDraw 鏄敱甯岃厞璁捐甯?Katerina Limpitsouni 寮€鍙戠殑涓€濂楀紑婧愮煝閲忔彃鍥惧簱锛屽湪杩欎釜缃戠珯涓婃湁瓒呰繃 1000 涓墎骞崇煝閲忔彃鐢讳緵浣犱笅杞戒娇鐢ㄣ€?br>
濡傛灉浣犲湪鍋氫釜浜虹綉绔欙紝浣嗗浜庢彃鐢绘病鏈夌伒鎰燂紝鎴栬浣犲彲浠ユ潵鐪嬬湅銆?/p>
DevDocs 馃惃
杩欎釜缃戦〉搴旂敤姹囪仛浜嗗悇绉嶉」鐩殑鏂囨。锛岃繕鏀寔绂荤嚎浣跨敤銆?br>
涓嶇鏄柊鎵嬬▼搴忓憳杩樻槸鑰佺▼搴忓憳閮介渶瑕佹湁涓€涓彲浠ュ湪绾挎煡璇㈠悇绉嶇紪绋嬫墜鍐岀殑鏂囨。锛岃€?a href="https://link.segmentfault.com/?url=https%3A%2F%2Fdevdocs.io%2F" rel="nofollow">DevDocs姹囬泦浜嗘渶鍏ㄧ殑缂栫▼寮€鍙戞枃妗ｏ紝鍙堟嫢鏈夋瀬浣崇殑闃呰妯″紡锛岃浣犲彲浠ュ揩閫熺殑鏌ヨ鎯宠鐨勫懡浠わ紝鍚屾椂杩樻敮鎸佹祻瑙堝櫒鎵╁睍锛屽彲璋撴柟渚夸箣鏋併€?/p>
CSS Tricks 馃
CSS Tricks鏄竴涓浗澶栫殑浼樼鍓嶇寮€鍙戝崥瀹紝涓昏鍒嗕韩浣跨敤CSS鏍峰紡鐨勬妧宸с€佺粡楠屽拰鏁欑▼绛夈€?br>
璇ョ綉绔欎笉鏂殑鍦ㄦ洿鏂颁竴浜涗紭绉€鐨勬暀绋嬪拰鎶€宸э紝涓哄墠绔ぞ鍖哄仛鍑轰簡鍏峰ぇ鐨勮础鐚€傛垜涔熶竴鐩村湪杩欎笂闈㈠涔狅紝璁╂垜鍦?code>CSS鏂归潰瑙嗛噹鎷撳浜嗗緢澶氥€?/p>
cssreference 馃幘
濡傛灉闇€瑕佹洿鏂?CSS 鐭ヨ瘑鎴栬€呮煡璇笉鐔熸倝銆佷笉甯哥敤鐨勫睘鎬э紝鍙互璁块棶杩欎釜绔欑偣銆備笂闈㈠姣忎釜 CSS 灞炴€х殑璁茶В寰堟繁鍏ワ紝缁欏嚭鐨勭ず渚嬩篃寰堟竻妤氾紝渚夸簬浣犵悊瑙ｈ繖浜涘睘鎬у苟搴旂敤浜庤嚜宸辩殑椤圭洰銆?br>
Can I Use 鈽?/h2>
鍓嶇寮€鍙戠殑鏃跺€欐椂甯搁渶瑕佹鏌ユ祻瑙堝櫒鐨勫吋瀹规€э紝鍦ㄨ繖閲屾帹鑽?Can I Use)杩欎釜鏄竴涓拡瀵瑰墠绔紑鍙戜汉鍛樺畾鍒剁殑涓€涓煡璇?code>CSS銆?code>Js鍦ㄥ悇绉嶆祦琛屾祻瑙堝櫒涓殑鐗规€у拰鍏煎鎬х殑缃戠珯锛屽彲浠ュ緢濂界殑淇濊瘉缃戦〉鐨勬祻瑙堝櫒鍏煎鎬с€傛湁浜嗚繖涓伐鍏峰彲浠ュ揩閫熺殑浜嗚В鍒颁唬鐮佸湪鍚勪釜娴忚鍣ㄤ腑鐨勬晥鏋溿€?br>
Lighthouse 馃寠
Lighthouse鏄竴涓?code>Google寮€婧愮殑鑷姩鍖栧伐鍏凤紝涓昏鐢ㄤ簬鏀硅繘缃戠粶搴旂敤锛堢Щ鍔ㄧ锛夌殑璐ㄩ噺銆傜洰鍓嶆祴璇曢」鍖呮嫭椤甸潰鎬ц兘銆?code>PWA銆佸彲璁块棶鎬э紙鏃犻殰纰嶏級銆佹渶浣冲疄璺点€?code>SEO銆?/p>
Lighthouse浼氬鍚勪釜娴嬭瘯椤圭殑缁撴灉鎵撳垎锛屽苟缁欏嚭浼樺寲寤鸿锛岃繖浜涙墦鍒嗘爣鍑嗗拰浼樺寲寤鸿鍙互瑙嗕负Google鐨勭綉椤垫渶浣冲疄璺点€?/p>
Majestic 鉁?/h2>
Majestic鏄竴娆惧ソ鐢ㄧ殑Jest杩愯娴嬭瘯GUI宸ュ叿銆?br>
鍒╃敤鍙鍖栫殑鏂瑰紡锛屼娇鐢ㄥ畠鍙互璁╂垜浠煡鐪嬫祴璇曠敤渚嬭緭鍑烘棩蹇楁洿鍔犵畝鍗曘€?/p>
Wappalyzer 馃敪
Wappalyzer鏄竴娆捐兘澶熷垎鏋愮洰鏍囩綉绔欐墍閲囩敤鐨勫钩鍙版灦鏋勩€佺綉绔欑幆澧冦€佹湇鍔″櫒閰嶇疆鐜銆?code>javascript妗嗘灦銆佺紪绋嬭瑷€绛夊弬鏁扮殑chrome缃戠珯鎶€鏈垎鏋愭彃浠躲€?br>
iHateRegex 馃尅
瀵逛簬寮€鍙戜汉鍛樻潵璇达紝姝ｅ垯琛ㄨ揪寮忔槸浼氳缁忓父鐢ㄥ埌鐨勶紝寰堝绫诲瀷澶嶆潅鐨勫瓧绗︿覆閮藉彲浠ョ敤瀹冨尮閰嶅嚭鏉ワ紝浣嗗敮涓€浣嗙己鐐规槸缂栧啓璧锋潵寰堝洶闅撅紝涓嶄粎闇€瑕佺啛缁冩帉鎻¤鍒欙紝杩橀渶瑕佽姳鏃堕棿缂栧啓銆佽皟璇曘€?/p>
iHateRegex灏辨槸杩欐牱涓€涓府浣犺В鍐充功鍐欐鍒欒〃杈惧紡鐑︽伡鐨勭鍣ㄣ€?br>
iHateRegex鏄竴涓湪绾垮紑婧愬伐鍏凤紝鍙揩閫熸绱㈠苟鍖归厤鍒板悎閫傜殑姝ｅ垯琛ㄨ揪寮忥紝甯綘瀹屾垚濡傜敤鎴峰悕銆侀偖绠便€佹棩鏈熴€佹墜鏈哄彿鐮併€佸瘑鐮佺瓑甯歌瑙勫垯鐨勯獙璇併€?/p>
褰撶劧浣犱篃鍙互鐪嬪埌瀹冨唴閮ㄧ殑鍖归厤杩囩▼锛岃繖鏈夊姪浜庡姞娣变綘鐨勭悊瑙ｃ€?br>
鍙傝€?/h2>
https://dev.to/joserfelix/40-...
以上是关于閭ｄ簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>的主要内容，如果未能解决你的问题，请参考以下文章
銆婂悙琛€鏁寸悊銆嬬郴鍒?鍓嶇寮€鍙戝伐鍏枫€佺粍浠跺簱闆嗗悎
鎬ц兘娴嬭瘯涔嬫柊涓€浠ｆ湇鍔″櫒鎬ц兘娴嬭瘯宸ュ叿Gatling
鎰熻阿寰蒋澶т腑鍗庡尯寮€鍙戝伐鍏峰強骞冲彴浜嬩笟閮ㄦ€荤粡鐞嗚阿鎭╀紵鍏堢敓瀵瑰叞宸炵數绔為绾㈡槦瓒崇悆鏉疭2鐨勬敮鎸侊紝绗竴鍚嶅彲棰濆鑾疯禒璋㈡仼浼熷厛鐢熶翰绗旂鍚嶆捣鎶ワ紒