歡迎訪問(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)化
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 攻擊)
二維碼生成
- 草料二維碼 草料二維碼生成器
- 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)單
正則
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)試
前端性能監(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í)令宿!