閭d簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>

Posted 鍓嶇妫灄

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了閭d簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>相关的知识,希望对你有一定的参考价值。

寮曡█

涓€浜涘紑婧愮殑鐢熶骇鍔涘伐鍏疯兘鏋佸ぇ鐨勬彁鍗囨垜浠殑寮€鍙戞晥鐜囷紙鎴戜竴鐩存槸杩欎箞璁や负鐨?馃锛夈€?/p>

浠婂ぉ鎺ㄨ崘涓€浜涙垜涓€鐩村湪鐢ㄧ殑銆佹瘮杈冮鐨勫伐鍏风粰澶у銆傚叾涓寘鎷竴浜涙枃妗c€佸彲瑙嗗寲宸ュ叿銆佸垎鏋愬伐鍏枫€佷唬鐮佺墖娈点€佽皟璇曞伐鍏风瓑銆?/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>

鑰岃繖杩樹笉鏄畠鏈€澶х殑浜偣锛屾渶鍊煎緱鎺ㄨ崘鐨勬槸鎵€鏈夋晥鏋滈兘鑳藉湪鐐瑰嚮鍚庡揩閫熷鍒剁浉鍏充唬鐮侊紝鐩存帴璁╁紑鍙戣€呰繍鐢ㄥ埌鑷繁鐨勭綉绔欐垨鍗氬锛屽綋鐒跺彲鑳借繕鏄渶瑕佺粡杩囧井璋冿紝涓嶈繃涓嶇敤浠庡ご寮€濮嬶紝涔熶笉闇€鍦ㄧ綉璺笂瀵绘壘杩欎簺鍔ㄧ敾浠g爜锛岄潪甯告柟渚胯€屼笖鐪佹椂銆?/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姹囬泦浜嗘渶鍏ㄧ殑缂栫▼寮€鍙戞枃妗o紝鍙堟嫢鏈夋瀬浣崇殑闃呰妯″紡锛岃浣犲彲浠ュ揩閫熺殑鏌ヨ鎯宠鐨勫懡浠わ紝鍚屾椂杩樻敮鎸佹祻瑙堝櫒鎵╁睍锛屽彲璋撴柟渚夸箣鏋併€?/p>

CSS Tricks 馃

CSS Tricks鏄竴涓浗澶栫殑浼樼鍓嶇寮€鍙戝崥瀹紝涓昏鍒嗕韩浣跨敤CSS鏍峰紡鐨勬妧宸с€佺粡楠屽拰鏁欑▼绛夈€?br>
璇ョ綉绔欎笉鏂殑鍦ㄦ洿鏂颁竴浜涗紭绉€鐨勬暀绋嬪拰鎶€宸э紝涓哄墠绔ぞ鍖哄仛鍑轰簡鍏峰ぇ鐨勮础鐚€傛垜涔熶竴鐩村湪杩欎笂闈㈠涔狅紝璁╂垜鍦?code>CSS鏂归潰瑙嗛噹鎷撳浜嗗緢澶氥€?/p>

cssreference 馃幘

濡傛灉闇€瑕佹洿鏂?CSS 鐭ヨ瘑鎴栬€呮煡璇笉鐔熸倝銆佷笉甯哥敤鐨勫睘鎬э紝鍙互璁块棶杩欎釜绔欑偣銆備笂闈㈠姣忎釜 CSS 灞炴€х殑璁茶В寰堟繁鍏ワ紝缁欏嚭鐨勭ず渚嬩篃寰堟竻妤氾紝渚夸簬浣犵悊瑙h繖浜涘睘鎬у苟搴旂敤浜庤嚜宸辩殑椤圭洰銆?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 馃尅

瀵逛簬寮€鍙戜汉鍛樻潵璇达紝姝e垯琛ㄨ揪寮忔槸浼氳缁忓父鐢ㄥ埌鐨勶紝寰堝绫诲瀷澶嶆潅鐨勫瓧绗︿覆閮藉彲浠ョ敤瀹冨尮閰嶅嚭鏉ワ紝浣嗗敮涓€浣嗙己鐐规槸缂栧啓璧锋潵寰堝洶闅撅紝涓嶄粎闇€瑕佺啛缁冩帉鎻¤鍒欙紝杩橀渶瑕佽姳鏃堕棿缂栧啓銆佽皟璇曘€?/p>

iHateRegex灏辨槸杩欐牱涓€涓府浣犺В鍐充功鍐欐鍒欒〃杈惧紡鐑︽伡鐨勭鍣ㄣ€?br>
iHateRegex鏄竴涓湪绾垮紑婧愬伐鍏凤紝鍙揩閫熸绱㈠苟鍖归厤鍒板悎閫傜殑姝e垯琛ㄨ揪寮忥紝甯綘瀹屾垚濡傜敤鎴峰悕銆侀偖绠便€佹棩鏈熴€佹墜鏈哄彿鐮併€佸瘑鐮佺瓑甯歌瑙勫垯鐨勯獙璇併€?/p>

褰撶劧浣犱篃鍙互鐪嬪埌瀹冨唴閮ㄧ殑鍖归厤杩囩▼锛岃繖鏈夊姪浜庡姞娣变綘鐨勭悊瑙c€?br>

鍙傝€?/h2>

https://dev.to/joserfelix/40-...

以上是关于閭d簺鍓嶇寮€鍙戝繀涓嶅彲灏戠殑鐢熶骇鍔涘伐鍏?/a>的主要内容,如果未能解决你的问题,请参考以下文章

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

鎬ц兘娴嬭瘯涔嬫柊涓€浠f湇鍔″櫒鎬ц兘娴嬭瘯宸ュ叿Gatling

鎰熻阿寰蒋澶т腑鍗庡尯寮€鍙戝伐鍏峰強骞冲彴浜嬩笟閮ㄦ€荤粡鐞嗚阿鎭╀紵鍏堢敓瀵瑰叞宸炵數绔為绾㈡槦瓒崇悆鏉疭2鐨勬敮鎸侊紝绗竴鍚嶅彲棰濆鑾疯禒璋㈡仼浼熷厛鐢熶翰绗旂鍚嶆捣鎶ワ紒

闈㈣瘯瀹橀棶锛氫綘浜嗚ВHTTP2.0鍚楋紵

楦胯挋搴旂敤寮€鍙戞暀绋嬬03鏈燂細寮€鍙戝伐鍏疯瑙o紒