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