歡迎訪問(wèn) 幸福拾荒者能曾，一個(gè)前端知識(shí)總結(jié)分享平臺(tái)宵溅，與大家一起共同成長(zhǎng)共同進(jìn)步凌简！??????

網(wǎng)站主題

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

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

git 倉(cāng)庫(kù)

gogs :一個(gè)可以搭建自己的私人代碼倉(cāng)庫(kù)

命名

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

html 頭部標(biāo)簽

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

網(wǎng)站字體

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

icon

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

占位圖

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

圖片優(yōu)化

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

markdown 文檔

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

editor

• 百度 editor 所見(jiàn)即所得富文本 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 定制的微型所見(jiàn)即所得富文本編輯器
• tower 用的編輯器 一個(gè)基于瀏覽器所見(jiàn)即所得的文本編輯器
• summernote 是一個(gè)界面比較簡(jiǎn)潔美觀的富文本編輯器
• XEditor 是一個(gè)基于 jQuery 開(kāi)發(fā)的簡(jiǎn)單迷你并且高效的在線可視化 HTML 編輯器
• wangEditor 輕量級(jí) web 富文本編輯器

css

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

動(dòng)畫(huà)庫(kù)

popmotion 小巧而昨，靈活的 JavaScript 運(yùn)動(dòng) ??♀? 引擎

js

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

XSS

XSS 根據(jù)白名單過(guò)濾 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)換中文字符為拼音
• 簡(jiǎn)繁轉(zhuǎn)換 開(kāi)源的簡(jiǎn)繁轉(zhuǎn)換庫(kù)

身份證

身份證 身份證驗(yàn)證的庫(kù)

格式時(shí)間金錢

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

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

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

正則

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

http2

http2 ：http2 demo 演示

ip

iplist 獲取本地 IP 信息

gif

cockos GIF 截圖工具

管理前端 package

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

移動(dòng)端開(kāi)發(fā)調(diào)試

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

前端性能監(jiān)控

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

測(cè)試覆蓋率集成

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

搜索庫(kù)

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

歡迎訪問(wèn) 幸福拾荒者 了解更多前端知識(shí)令宿！