歡迎訪問 幸福拾荒者，一個前端知識總結(jié)分享平臺，與大家一起共同成長共同進(jìn)步！??????

網(wǎng)站主題

colordrop :在線顏色組合調(diào)試工具

ColorDrop 是一個提供設(shè)計開發(fā)上絕佳的色彩的來源站點(diǎn)，幫助設(shè)計師在線調(diào)試顏色組合，該網(wǎng)站把四個不同的顏色整合在一起，點(diǎn)擊其中一個顏色后會跳出對應(yīng)的顏色參數(shù)(HEX/RGB)，設(shè)計師可以將這些顏色應(yīng)用于設(shè)計項目。

git 倉庫

gogs :一個可以搭建自己的私人代碼倉庫

命名

codelf：變量命名神器
有一種痛 ??????，不是程序員可能不懂，但如果是程序員一定懂，那就是給變量或函數(shù)命名。

html 頭部標(biāo)簽

HEAD ：html 頭部 標(biāo)簽 ??? 指南 ??

網(wǎng)站字體

• fontke ：中文字體下載
• igfonts ：字體轉(zhuǎn)成花樣文字表情 ??
• fontke ：中文字體轉(zhuǎn)換成網(wǎng)站字體下載
• 字蛛 ：字蛛 ??? 是一個中文字體壓縮器

icon

• easyicon： 一個圖標(biāo)搜索 ?? 下載 ? 網(wǎng)
• cssicon： 一個 css 實現(xiàn)圖標(biāo)樣式
• iconfont ：阿里巴巴矢量圖標(biāo)庫
• 尋圖標(biāo) :最多樣化的圖標(biāo)庫

占位圖

imageholder ： 生產(chǎn)占位圖片

圖片優(yōu)化

• tinypng 一個壓縮 ???PNG 的神站 ??
• zhitu：智圖為圖片智能選擇合適的圖片格式壓縮 ???,

markdown 文檔

• 羽雀 ：語雀- 專業(yè)的 ?? 云端知識庫 優(yōu)雅高效的在線文檔編輯與協(xié)同 ?? 工具,
• gitbook：For you, your users and your team
• vuepress：Vue-powered Static Site Generator
• docsify 神奇的文檔網(wǎng)站生成器
• docz：用 MDX 寫 React UI 組件文檔
• storybook： Build bulletproof UI components faster
• apidocjs：apidoc 是一個輕量級的在線 REST 接口文檔生成系統(tǒng)，可以根據(jù)其特定的規(guī)則的代碼注釋來生成靜態(tài)網(wǎng)頁

editor

• 百度 editor 所見即所得富文本 web 編輯器,
• 經(jīng)典的 ckeditor Smart WYSIWYG editor components with collaborative editing. Join Microsoft, Mozilla, Adobe and 24k+ other happy customers.
• 經(jīng)典的 kindeditor html 編輯器 在線編輯器 可視化編輯器
• wysiwyg 為 Bootstrap 定制的微型所見即所得富文本編輯器
• tower 用的編輯器 一個基于瀏覽器所見即所得的文本編輯器
• summernote 是一個界面比較簡潔美觀的富文本編輯器
• XEditor 是一個基于 jQuery 開發(fā)的簡單迷你并且高效的在線可視化 HTML 編輯器
• wangEditor 輕量級 web 富文本編輯器

css

• css-tricks 專注 css
• css-doodle 是一個用來繪制 CSS 圖案的 WEB 組
• tools 在線 css3 動畫制作
• CSS-Inspiration CSS 靈感，展示不同 CSS 屬性或者不同的課題使用 CSS 來解決的各種方法
• magicCss 一款獨(dú)特的 CSS3 動畫特效包
• spritejs 一款簡單的 canvas 繪圖框架
• matrix ：css3 動畫轉(zhuǎn)換

動畫庫

popmotion 小巧，靈活的 JavaScript 運(yùn)動 ??♀? 引擎

js

• jsdm 是一個 WEB 前端在線編輯器，可同時編輯 HTML、CSS、JAVASCRIPT 代碼，并即時預(yù)覽！
• jsbin WEB 前端在線編輯器
• codepen 一個在線的前端代碼編輯運(yùn)行的網(wǎng)站
• obfuscator 前端代碼混淆工具

XSS

XSS 根據(jù)白名單過濾 HTML(防止 XSS 攻擊)

二維碼生成

• 草料二維碼 草料二維碼生成器

PDF

• PDF24 Tools 免費(fèi)且易于使用的在線 PDF 工具
• pdfmake Client/server side PDF printing in pure JavaScript
• smallpdf支持 PDF 轉(zhuǎn) Word、PDF 轉(zhuǎn)圖片、PDF 轉(zhuǎn) Excel、PDF 轉(zhuǎn) PPT、PDF 拆分、PDF 合并以及 PDF 合并等服務(wù)

拼音

• pinyin 轉(zhuǎn)換中文字符為拼音的工具轉(zhuǎn)換中文字符為拼音
• 簡繁轉(zhuǎn)換 開源的簡繁轉(zhuǎn)換庫

身份證

身份證 身份證驗證的庫

格式時間金錢

numeraljs 一個用于格式化和數(shù)字金錢 ?? 的 js 庫

網(wǎng)頁導(dǎo)覽

smartour Smartour 讓網(wǎng)頁導(dǎo)覽變得更簡單

正則

• 正則 //正則大全
• regular
• 正則測試 正則表達(dá)式的測試平臺

http2

http2 ：http2 demo 演示

ip

iplist 獲取本地 IP 信息

gif

cockos GIF 截圖工具

管理前端 package

lerna：一款 js 代碼庫管理軟件， 用來對一系列相互耦合比較大、又相互獨(dú)立的 js git 庫進(jìn)行管理

移動端開發(fā)調(diào)試

• Eruda：移動端 js 調(diào)試工具 ??
• vConsole移動端調(diào)試神器 ??

前端性能監(jiān)控

webfunny 通過向 html 頁面中插入一段簡單的 JS 探針代碼，實現(xiàn)無埋點(diǎn)監(jiān)控前端頁面的用戶行為，包括但不限于 PV/UV、報錯日志、請求日志、靜態(tài)資源加載情況、用戶點(diǎn)擊行為以及截圖信息等等，目的在于幫助前端開發(fā)提高解決線上問題的效率 fundebug 一行代碼搞定 BUG 監(jiān)控
sentry 是一個集中式日志管理系統(tǒng)
性能魔方 為您的網(wǎng)站服務(wù)器提供完整云應(yīng)用性能管理(APM)、網(wǎng)站服務(wù)器優(yōu)化、監(jiān)測、監(jiān)控,能幫助您最大程度改進(jìn)用戶體驗
pagespeed 網(wǎng)頁性能測試分析工具

測試覆蓋率集成

codecov ：測試覆蓋率構(gòu)建 ?? 自動化測試環(huán)境

搜索庫

• microjs：迷你前端開發(fā)框架和類庫資源收集
• javascripting 最好的資源 javascript 庫、框架和插件

歡迎訪問 幸福拾荒者 了解更多前端知識！