今天給大家推薦的是平時(shí)學(xué)習(xí)前端時(shí)，經(jīng)常用到的一些輔助工具類(lèi)網(wǎng)站歌粥。
| 網(wǎng)址 | 描述 |
|---|---|
| unbug.github.io/codelf | 變量命名智能推薦（支持中文） |
| www.docschina.org | Web 前端開(kāi)發(fā)人員提供優(yōu)質(zhì)中文文檔 |
| regexr.com | 正則表達(dá)式驗(yàn)證匹配 |
| any-rule | 正則表達(dá)式庫(kù)娩嚼，非常全殷绍，使用起來(lái)很方便 |
| www.toptal.com/developers | 多張圖片合成雪碧圖冠摄，并生成對(duì)應(yīng) css |
| tool.lu | 眾多工具集合梗摇，包括時(shí)間戳轉(zhuǎn)換拓哟，進(jìn)制轉(zhuǎn)換等 |
| www.bootcdn.cn 或 cdn.baomitu.com | 國(guó)內(nèi)的CDN庫(kù)，速度快 |
| www.jsdelivr.com | 國(guó)外的 cdn 庫(kù)伶授，支持 github断序，npm，WordPress |
| www.gitignore.io | 根據(jù)選擇會(huì)去生成 .gitignore 文件 |
| codesandbox.io | 在線編輯代碼 |
| www.typora.io | 實(shí)用的 Markdown 寫(xiě)作工具糜烹，所見(jiàn)即所得 |
| mdnice.com | 使 markdown 語(yǔ)法更加美觀违诗，如果你有寫(xiě)博客，那這個(gè)非常合適你(強(qiáng)烈推薦) |
1. codelf
有一種痛疮蹦，不是程序員可能不懂诸迟，但如果是程序員一定懂，那就是給變量或函數(shù)命名愕乎。
隨著項(xiàng)目越來(lái)越復(fù)雜阵苇，變量和函數(shù)數(shù)量越來(lái)越多，英語(yǔ)水平貌似也 hold 不住了感论。
雖然每個(gè)編程語(yǔ)言都有各種命名規(guī)范绅项，但是也不能解決所有的問(wèn)題。
每個(gè)程序員或多或少都在寫(xiě)代碼的時(shí)候?yàn)樽兞亢秃瘮?shù)命名苦惱過(guò)比肄！
也可以在自己用的編輯器里安裝插件趁怔，支持 VS Code、Atom薪前、Sublime Text 和 Chrome润努。
2. docschina
印象中文，為 Web 前端開(kāi)發(fā)人員提供優(yōu)質(zhì)中文文檔示括。
3. regexr
RegExr 是一個(gè)基于 HTML/JS 開(kāi)發(fā)的在線工具铺浇，用來(lái)創(chuàng)建、測(cè)試和學(xué)習(xí)正則表達(dá)式垛膝。
特性
- 輸入時(shí)鳍侣，結(jié)果會(huì)實(shí)時(shí)更新
- 支持 JavaScript 和 PHP/PCRE RegEx
- 將匹配項(xiàng)或表達(dá)式移至詳細(xì)信息
- 保存并與他人共享表達(dá)式
- 在編輯器中使用 cmd-Z/Y 撤消和重做
4. any-rule
any-rule 正則表達(dá)式
any-rule 維護(hù)了一個(gè)常用正則表達(dá)式合集，并且本身是一個(gè)支持 Web/VS Code/idea/Alfred Workflow 多平臺(tái)的正則表達(dá)式工具吼拥。
5. CSS Sprites Generato
在很多前端展示頁(yè)面需要用到將小圖標(biāo)拼合為一整個(gè)圖片倚聚，然后在使用的時(shí)候，自動(dòng)裁剪為單一圖片展示凿可。
這個(gè)時(shí)候就需要一個(gè)便捷的工具惑折，CSS Sprites Generator 就是這樣一個(gè)便捷的CSS圖像拼合工具授账。
比如多張圖片生成雪碧圖，還有國(guó)內(nèi)的 CDN 庫(kù)惨驶，趕緊去試一試吧白热。
6. tool.lu
眾多工具集合，包括時(shí)間戳轉(zhuǎn)換粗卜，進(jìn)制轉(zhuǎn)換等
7. bootcdn / baomitu
國(guó)內(nèi)的CDN庫(kù)屋确，速度快
8. jsdelivr
國(guó)外的 cdn 庫(kù)，支持 github续扔，npm攻臀，WordPress。
9. gitignore
根據(jù)選擇會(huì)去生成 .gitignore 文件纱昧。
根據(jù)用戶輸入的語(yǔ)言類(lèi)型或者平臺(tái)類(lèi)型茵烈，自動(dòng)生成對(duì)應(yīng)的 gitignore 文件。
例如砌些，輸入 Vue呜投，React，點(diǎn)擊 "Create" 即可存璃。
10. codesandbox
CodeSandbox 是一個(gè)在線的代碼編輯器仑荐，主要聚焦于創(chuàng)建 Web 應(yīng)用項(xiàng)目。
支持主流的前端相關(guān)文件的編輯：JavaScript纵东、TypeScript粘招、CSS、Less偎球、Sass洒扎、Scss、HTML衰絮、PNG 等袍冷。
支持自動(dòng)代碼提示。
比如選擇創(chuàng)建相關(guān)的項(xiàng)目
可以直接編輯代碼運(yùn)行
11. typora
實(shí)用的 Markdown 寫(xiě)作工具猫牡，所見(jiàn)即所得胡诗。
12. mdnice
MDNice 微信 Markdown 編輯器是一款 Markdown 微信編輯器,擁有良好的兼容性、海量主題樣式淌友、免費(fèi)的圖床煌恢、強(qiáng)大的技術(shù)團(tuán)隊(duì),提供文章一鍵排版,同時(shí)支持知乎、掘金震庭、微信瑰抵。
使 markdown 語(yǔ)法更加美觀，如果你有寫(xiě)博客器联，那這個(gè)非常合適你二汛，強(qiáng)烈推薦婿崭。
資源傳送門(mén)
- 關(guān)注【做一個(gè)柔情的程序猿】公眾號(hào)
- 在【做一個(gè)柔情的程序猿】公眾號(hào)后臺(tái)回復(fù) 【python資料】【2020秋招】 即可獲取相應(yīng)的驚喜哦！
- 自己搭建的博客地址：夢(mèng)魘回生的博客
「?? 感謝大家」
- 點(diǎn)贊支持下吧习贫，讓更多的人也能看到這篇內(nèi)容（收藏不點(diǎn)贊，都是耍流氓 -_-）
- 歡迎在留言區(qū)與我分享你的想法千元，也歡迎你在留言區(qū)記錄你的思考過(guò)程
