大前端工具集
本篇文章記錄了一枚程序猿的百寶箱。
主要內容是一些使用過的庫、工具、套路或關注的前端組織等等，反正用 前端瑞士軍刀 來總結這篇文章再合適不過鳥。
</blockquote>您可以通過以下方式聯系到我：
- 微博 @聶微東
- 個人 Blog fefork.com
- 博客園 犀利的東哥
- QQ 群 214199415，群名前端 Club。PS：入群務必請提供 有內容的 git 或 blog 地址，否則進不去哈:)
</ul>
目錄
- 前端組織
- 前端博客
- 博客搭建
- CSS
- 瀏覽端 JS
- NodeJS
- 推薦 Package
- Node 學習資料
</ul> </li>- Build 項目構建
- Gulp 推薦包
</ul> </li>- 精選閱讀
- 前端面試
- 工具/軟件
- Web
- APP
- Android
- iPhone
</ul> </li>- Mac
- Linux
</ul> </li>- Chrome 瀏覽器插件
- Git
- Redis
- MongoDB
- 雜七雜八
- 前端炫技-炫酷狂拽叼炸天的 Web
- 設計/交互
- 速查手冊
- 小結
- TODO
</ul>正文
前端組織
雖混過外企倆家，但勞資英文這項的技能點還是灰色的...so，俺關注的站點主要以中文為主
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>GitHub ★★★★★ 勞資清楚這不是個純粹的前端社區... 但作為全球最大的搞基社區，無數前端項目在這啟航 沒 Git 都不好意思面基有木有！ </tr>MDN ★★★★★ 不解釋，無數的資源再等著你探索 </tr>Awesomes.cn ★★★★☆ 國人維護的前端資源庫，深度對接到 Github </tr>慕課 ★★★★☆ 大量的在線計算機課程。 雖然初、中級居多，但是不乏有巨作值得細細品嘗 </tr>W3Cplus ★★★★☆ 大漠(《圖解 CSS3》作者)在國內的影響力杠杠的 Sass 專家級 </tr>百度 FEX ★★★★ 代表作 FIS、UEditor、WebUploader、KityMinder </tr>前端亂燉 ★★★☆ 前端社區太多，亂燉還算做的不錯的 </tr>極客學院 ★★★ 和慕課類似，但是內容更雜、更豐富 PS：貌似比較新穎的教程都是收費的 </tr>Div.IO ★★★ 主要內容是最新的前端庫和前沿技術 </tr>騰訊全端 AlloyTeam ★★★ 騰訊 Web 前端團隊 </tr> </tbody> </table>前端博客
值得長期占坑的前端個人博客，都是偶經常關注的
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>如何跟上前端開發的最新前沿 ★★★★★ RT </tr>阮一峰 ★★★★★ 關注多年，拜讀其 ES6 系列... 雖網傳靠寫書進鳥阿里，但博客內容確實夠豐富 </tr>粉絲日志 for 張丹 ★★★★★ 大愛作者寫的 Node 系列 </tr>張鑫旭 ★★★★★ 成名多年的、高產的前端大濕 </tr> </tbody> </table>博客搭建
名稱 推薦指數 備注/說明 </tr> </tbody>hexo ★★★★★ 快速、簡潔且高效的博客框架 </tr>jekyll ★★★★ 將純文本轉化為靜態網站和博客 </tr>Tumblr ★★★ 輕博客的祖師爺 </tr>Wordpress ★ 這玩意古老到我都不想介紹鳥 </tr> </tbody> </table>使用hexo/jekyll + GitPage，前端搭建靜態博客那是相當 easy。用 Markdown 寫文章做記錄，再 push 到 Git 上，分分鐘高大上有木有
</blockquote>CSS
名稱 推薦指數 備注/說明 </tr> </tbody>LoadersCSS ★★★★☆ 用 CSS 技術實現 loading 動畫； 補一句，想熟悉、理解keyframes、animation、transform、transition的童鞋可以直接去讀其源碼(只有千把行代碼)，讀完就算出師鳥:) </tr>WeUI ★★★★☆ 一套同微信原生視覺體驗一致的基礎樣式庫 為微信 Web 開發量身設計，令用戶的使用感知更加統一 </tr>HINT.css ★★★★ 一款非常小巧的提示框效果 </tr>Hover.css ★★★★ 很多鼠標 Hover 態的效果，可以給產品學習一下:) </tr>csscss ★★★★ 用于檢查 CSS 代碼冗余 </tr>purecss ★★★☆ 小巧的響應式 CSS 庫，Yahoo!出品 </tr> </tbody> </table>瀏覽端 JS
名稱 推薦指數 備注/說明 </tr> </tbody>requirejs ★★★★★ JS模塊化是構建復雜項目的第一步 中文學習文檔奉上：RequireJS 中文網 </tr>ECharts ★★★★★ 好用，最關鍵的是支持的圖表展示非常之多，強烈推薦 </tr>Swiper ★★★★★ 強大的 Slider 庫 其實這類效果庫非常多，但文檔能那么專業的就很少鳥 </tr>fullPage ★★★★☆ 非常好用的全屏滑動庫，看 Demo 就明白 </tr>PhotoSwipe ★★★★☆ 偶常用的 js 庫 官網上有這么一句很關鍵、重要"no dependencies" </tr>Vuejs ★★★★☆ 比較喜歡其作者... 所以勞資正在看源碼學習學習 </tr>favico.js ★★★★☆ 動態改變瀏覽器標簽欄中的網站圖標，非常好玩 </tr>peity.js ★★★★ jQuery的圖表插件，特別cute，感覺萌萌噠 將HTML轉換成一個小的<svg>餅圖、圓環圖、折線圖等等 </tr>emojify.js ★★★★ 能夠將emoji關鍵詞轉換為emoji圖片的JS插件 可以快速的為你的網站提供emoji表情支持 </tr>Highcharts ★★★★ Highcharts 中文網，又是一個圖表庫 確實功能強大，但是覺得不好看... PS：官網就做的不好看，臟臟的趕腳 </tr>onepage-scroll ★★★☆ 依賴 jQuery 的單頁滾動庫，和 fullPage 類似 </tr>videojs ★★★☆ 當下視頻需求都用上<video>鳥 樣式和交互統一的問題交給 videojs 搞定:) </tr>clipboard ★★★☆ 僅 2KB 大小，搞定剪貼板功能，屌不屌~ 但是，Safari 不支持... </tr>impress.js ★★☆ 用來寫 PPT 不錯，偶也曾為其寫過一篇impress.js 初體驗 </tr>Cropper ★★☆ 國人開發的圖片裁剪庫 </tr> </tbody> </table>Swiper/PhotoSwipe/fullPage有這仨庫，微信里常見的 H5 頁完全不是問題噠
</blockquote>NodeJS
作為一名大前端甚至是多端，Node 絕逼是必備的一塊
社區活躍、部署方便都是令我對 Node 愛不釋手的主要原因
</blockquote>推薦 Package
這里介紹些有特色且前端有必要知道的包
名稱 推薦指數 備注/說明 </tr> </tbody>anywhere ★★★★★ 隨時隨地將你的當前目錄變成一個靜態文件服務器的根目錄 </tr>supervisor ★★★★★ 監控 Node 代碼，自動重啟。 A supervisor program for running nodejs programs </tr>nodemon ★★★★★ 監控 Node 代碼，自動重啟。 Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. </tr>pm2 ★★★★★ 是一個帶有負載均衡功能的 Node 應用的進程管理器； 是 Forever 的進階庫，想了解的可以看這篇文章《擁抱PM2》 </tr>async ★★★★☆ 一個流程控制工具包，提供直接而強大的異步功能 </tr>lodash ★★★★☆ JS 工具庫Underscore.js的一個 fork 發展而來 </tr>socket.io ★★★★☆ 預計 Node 的實時框架 聊天室、頁游等對實時性有高要求的較適用 </tr>Mongoose ★★★★☆ 讓 NodeJS 更容易操作 Mongodb 數據庫； 附上一篇Mongoose 學習參考文檔 </tr>koa ★★★★☆ 玩 Node 都知道 express，但使用 koa 的就少很多，門檻比 Ex 稍高 通過 generator 避免繁瑣的回調函數嵌套，強烈推崇 官方的文章教程 </tr>Shipit ★★★★☆ 一個強大的自動化部署工具。 shipit 很多地方非常類似 gulp，他們的核心都是任務系統。 </tr>node-inspector ★★★★☆ Node 調試工具，使用起來跟 Chrome 的 JS 調試器很相似 </tr>winston ★★★★☆ Node 服務最流行的日志庫之一 </tr>thenify-all ★★★★ 把異步的方法變成 Promise 的 Promisifies all the selected functions in an object </tr>PhantomJS ★★★★ 一般用來做抓取截圖和無界面測試 也可以用來操作 DOM 和網絡監測，很好玩的庫 Quick Start </tr>CNPM ★★★★ 淘寶 NPM 鏡像，提供了 NPM 同步的服務 當然可不僅僅這樣，利用 CNPM 可以打造企業/個人私有的 NPM 服務 推薦篇搭建私有NPM的文章：《CNPM搭建私有的NPM服務》 </tr>Mocha ★★★★ Node 里最常用的測試框架； 它支持多種 Node 的 Assert libs； 同時支持異步和同步的測試，同時支持多種方式導出結果； 也支持直接在 browser 上跑 JS 代碼測試。 </tr>everyauth ★★★★ OAuth 的集成解決方案 </tr>shelljs ★★★☆ 寫 Node 時難免需要用 shell 去操作些神馬 shelljs 是基于 Node 的 shell 工具，API 及其簡單 </tr>hashids ★★★☆ 看名稱就懂，給 userid 加解密用的 </tr>colors ★★☆ 花俏的小工具 讓打印console.log時有更好的展示樣式 </tr> </tbody> </table>supervisor和nodemon這倆都是監控 Node 代碼，使得每次修改代碼后會，開發 Node 程序必備
以上庫俺都有使用過，甚至有不少都是項目開發中、各種特定場景下必用的，有任何使用問題歡迎溝通哈:)
</blockquote>Node 學習指南
名稱 推薦指數 備注/說明 </tr> </tbody>Node.js 中文資料導航 ★★★★★ Node 的中文資料導航，start1300+ </tr>從零開始 NodeJS 系列文章 ★★★★★ 基本上每一篇都看過，強烈推薦 </tr>Node.js 包教不包會 ★★★★★ 值得閱讀，看完絕不用買書鳥 </tr>七天學會 NodeJS ★★★★★ 勞資還沒看，不過看目錄還不錯:) </tr> </tbody> </table>Build 項目構建
Gulp + Webpack 的使用套路參考: learning-gulp
Gulp 資料收集：use-gulp
推薦篇與 Webpack 相關的文章《CSS Modules》
Webpack 用起來吼吼：webpack-howto
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>pm2 ★★★★★ 是一個帶有負載均衡功能的 Node 應用的進程管理器； 是 Forever 的進階庫，想了解的可以看這篇文章《擁抱PM2》 </tr>Webpack ★★★★★ 項目構建工具，由于過于復雜和太強大，所以勞資還沒去深入研究。 精選閱讀中有篇資料就是介紹 Webpack 和 React 的工作機制。 </tr>Gulp ★★★★★ Gulp 是基于 Node 實現 Web 前端自動化開發的工具。 學習資料附上GulpBook </tr>Bower ★★★★☆ 前端項目的包管理其實是件復雜的事 誰誰誰依賴誰誰誰，誰誰誰依賴誰誰誰的某個版本...臥槽 Bower 就是搞定這件事兒的，親爹是 推ter 推薦篇 Bower 的中文文章：《bower 解決 js 的依賴管理》 </tr>Grunt ★★★★☆ 和 Gulp 類似，都是項目構建的常見選擇 對比這倆的文章可謂不少，推薦篇《Gulp vs Grunt》 英盲又想看文檔，可以去Grunt 中文網 </tr>FIS ★★★★ 度廠出品的前端構建工具 文檔清晰，功能強大，推薦了解和使用 </tr>Gitlab CI ★★★ 一套基于Gitlab的持續集成服務 </tr> </tbody> </table>Gulp 推薦包
Gulp 最基礎的庫就不列在下表格中鳥，其中包括：
- gulp-concat 作用是連接/合并文件
- gulp-cssshrink CSS 文件壓縮
- gulp-uglify JS 文件壓縮
</ul> </blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>gulp-webpack ★★★★★ webpack 與 gulp 配合，開啟前端 Build 新紀元 webpack plugin for gulp </tr>gulp-rev ★★★★☆ 高大上第一步，靜態文件名稱變成 HASH 名稱 </tr>gulp-rev-collector ★★★★☆ 配合gulp-rev使用，自動用 HASH 替換模板內靜態文件名 </tr>run-sequence ★★★★ Gulp 任務機制為并行，RS 使得有依賴的任務可串行執行 使用 gulp-rev 時得用 RS 配合 要不并行的生成配置和處理.html 文件不能同事生效 </tr>gulp-util ★★★★ 內含一套方法庫，功能太多 個人感覺更喜歡功能單一的包，不太喜歡這種大雜燴 </tr>gulp-connect ★★★★ 有 reload 功能的 Run WebServer 工具 我一般用來 LivereLoad，即保存之后自動刷新頁面 </tr>gulp-load-plugins ★★★★ 可加載 package.json 內與 Gulp 相關的插件 省去鳥一行一行 require 的功夫咯 </tr>gulp-clean ★★★☆ 移除文件或文件夾的包 </tr>gulp-replace ★★★☆ 其功能看名字就知道，用做字符串替換的 </tr>gulp-autoprefixer ★★★☆ 叼炸天的自動處理瀏覽器前綴的包 文檔地址：usage </tr>gulp-rename ★★★ 把文件重命名 結構設計的好不太會用到這個 </tr>gulp-flatten ★★★ 刪除或替換文件的相對路徑； 一般我這用來移動 img 或者其他靜態文件到新目錄 同上：結構設計的好不太會用到這個 </tr> </tbody> </table>精選閱讀
以下內容不包括 NodeJS 和 面試相關 的，俺已經單獨準備好鳥
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>ECMAScript 6入門 ★★★★☆ 阮一峰大神所著，一本開源的JS教程 全面介紹 ECMAScript 6新引入的語法特性 </tr>ReactNative 中文版 ★★★★☆ 翻譯自官方的中文文檔 </tr>stream-handbook ★★★★☆ 如果學習 NodeJS，那么流一定是需要掌握的概念 </tr>MongoDB 極簡實踐入門 ★★★★☆ 入門推薦的套路，非常淺顯易懂 </tr>ReactWebpackCookBook ★★★★☆ 此書會引導讀者是進入React和Webpack的世界。 倆都是非常前沿的技術，同時使用會更有趣。 </tr>Mac 設置指南 ★★★★ Mac 使用必看 尤其適合 偏執狂/強迫癥 患者:) </tr>ReactNative 學習指南 ★★★☆ 新玩意層出不窮... 對于能持續學習的童鞋，這是個美好的時代 </tr>HTML/CSS 編碼規范 ★★★☆ 編寫靈活、穩定、高質量的HTML和CSS代碼的規范 </tr>GulpBook ★★★☆ Gulp 是基于 Node 實現 Web 前端自動化開發的工具 </tr>Markdown 資料 ★★★ 簡單看些語法入門，快速用起來 </tr> </tbody> </table>前端面試
名稱 推薦指數 備注/說明 </tr> </tbody>在 LinkedIn 做面試官的故事 ★★★★★ 非面試題，介紹 LinkedIn 的面試過程 文章有很多中肯的建議和想法，推薦閱讀 </tr>大漠：寫給前端面試者 ★★★★★ 這篇文章不涉及任何的面試題 大漠與大家聊聊面試者與被面者之間的感受... </tr>前端面試題 ★★★★☆ Git 上非常火的前端面試題，start17k+ </tr> </tbody> </table>工具/軟件
Web
名稱 推薦指數 備注/說明 </tr> </tbody>CanIuse ★★★★★ 前端必備；查看瀏覽器對各種新特性的兼容情況 </tr>百度腦圖 ★★★★★ 非常方便的思維導圖工具 </tr>ProcessOn ★★★★☆ 和百度腦圖的功能類似，腦圖工具。 </tr>VimAwesome ★★★★☆ Vim 插件集合，Vim 黨必備 </tr>Tower ★★★★☆ 小而美的多人協同工具。 不光只有 Web 版，還有 iPhone、iPad、Android、微信版。 </tr>smallpdf ★★★★ 提供各種格式和 PDF 互相轉換 </tr>Cmd Markdown ★★★★ 好用的 Web 版 Markdown 編輯器 </tr>StackEdit ★★★★ 又是一款 Web 版 Markdown 編輯器 </tr>墨刀 ★★★★ 一個在線移動應用原型制作工具。 旨在幫助產品經理快速制作可在手機端展示的移動應用原型。 </tr>htm2pdf ★★★★ HTML to PDF </tr>Speaker Deck ★★★★ 在線的演講稿展示平臺 </tr> </tbody> </table>APP
以下列表中的 APP 都是不區分系統平臺的
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>印象筆記 ★★★★★ 免費賬號完全夠用，跨平臺跨終端的記錄軟件 </tr>多看閱讀 ★★★★ kindle 確實好，但是懶得隨身帶著 多看還算不錯，書較多且偶爾有特價比較爽 </tr> </tbody> </table>Android
名稱 推薦指數 備注/說明 </tr> </tbody>小米桌面 ★★★★☆ 多好看、多漂亮談不上，關鍵是沒有廣告 </tr> </tbody> </table>iPhone
名稱 推薦指數 備注/說明 </tr> </tbody>Monkey ★★★★ Monkey 是 iPhone 上一個 GitHub 第三方客戶端。 展示 GitHub 上的開發者的排名，以及倉庫的排名 </tr> </tbody> </table>Mac
對于美好事務的追求無論何時都不算晚，前年公司給配了臺 Mac 用做測試開發機，于是開始在 Mac 下辦公。 Windows？ 回不去鳥...
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>Homebrew ★★★★★ 沒它程序猿沒法好好干活...Homebrew使OS X更完美。 使用gem來安裝gems、用brew來搞定那些依賴包 </tr>iTerm2 ★★★★☆ Mac 終端功能少又不好看，iTerm2 可以解救你~ </tr>BrowseShot ★★★★☆ 偶正在使用的網頁截圖工具，強烈推薦 </tr>WebStorm ★★★★ 功能超強的前端 IDE，不多介紹，誰用誰知道 PS：貌似俺插件裝多了，用著卡卡的，風扇呼呼轉... </tr>Atom ★★★★ 2015 年 7 月之前，在桌面環境下我最喜歡的編輯器是 Sublime。 但之后就是 Atom，俺也專門為它寫了篇使用紀要 </tr>馬克鰻 ★★★★ MarkMan，非常強大好用的標注、測量工具。 日常工作免費版就完全可以滿足，強烈推薦 </tr>Wireshark ★★★☆ 說實話，Mac 下木有 Fiddler 挺不習慣，不過在有更強大的替代品 </tr>SourceTree ★★★☆ 一款好用的的 Git 客戶端工具，重點是支持中文:) </tr>focus booster ★★★ 因為比較在意時間管理，所以這軟件是俺工作時間的必備之物 </tr>Mou ★★ 小清新的 Markdown 編輯器 </tr> </tbody> </table>Linux
名稱 推薦指數 備注/說明 </tr> </tbody>oh-my-zsh ★★★★★ 終端黨 必用的好工具，強烈推薦 </tr>tree ★★★★ linux 以樹狀圖逐級列出目錄的內容 </tr>oneapm ★★★★ 強大的運維工具，提供多種監控客戶端； 有采集、分析、展示等一套功能； PS：我這用了服務器監控(免費哦) </tr>httpie ★★★☆ 一個 CLI 中的 HTTP 客戶端 用法簡單、易讀 </tr> </tbody> </table>Chrome 瀏覽器插件
名稱 推薦指數 備注/說明 </tr> </tbody>JSONView ★★★★★ 麻麻再也不用擔心偶調試接口啦 </tr>wappalyzer ★★★★☆ 分析網站使用的技術 它可以檢測網頁的 Web 服務器、JS 框架等等 </tr>二維碼生成器 ★★★★☆ RT </tr>User-Agent Switcher ★★★★ 模擬各種終端的 UA，達到調試目的 </tr>GitPlug ★★★☆ 在 Git 項目頁中嵌入有關的圖表信息 </tr>Swap My Cookie ★★★☆ 切換馬甲非常方便 </tr>Infinity ★★☆ 針對 Chrome 的插件，新標簽頁 會讓你耳目一新 </tr> </tbody> </table>Git
名稱 推薦指數 備注/說明 </tr> </tbody>Git 教程-廖雪峰 ★★★★☆ 俺有看過不少 Git 的文章，確實這個系列是最通俗易懂的 </tr>GitAwards ★★★★ Git 工具，可以查看 Git 排名 </tr>Git 速查 ★★★★ 分類清晰的速查表 </tr>Git 簡明指南 ★★★☆ 入門Git的簡明指南，木有高深內容:) </tr>Git 學習資料整理 ★★★ 內容包括很多 Git 的相關資料，star 1200+ </tr> </tbody> </table>Redis
MongoDB
名稱 推薦指數 備注/說明 </tr> </tbody>Mongoose ★★★★☆ 讓 NodeJS 更容易操作 Mongodb 數據庫。 附上一篇Mongoose 學習參考文檔 </tr> </tbody> </table>雜七雜八
放些開發中較有用的雜物在這兒
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>租房要點 ★★★★☆ 適用于北上廣深杭，大城市打拼租房確實是硬傷 </tr>QQ 群規 ★★★★☆ 突然某天，有個 QQ 群讓我加群 原本我是拒絕的，但當我看完這篇 QQ 群規后... 勞資真的被感動到了，太牛逼、夠專業！ 最后，我默默加群鳥:) </tr>.gitignore 文件 ★★★★☆ 介紹不同語言項目的 gitignore 模板 </tr>Codebabes ★★★ 學編程的網站。 重點是每通過一個測試，尼瑪對應的妞會脫一件衣服... PS：國內或許不能訪問哦~ </tr>ReadmeSample ☆ 項目高大上的第一步就是包裝，所以來看看README的書寫套路吧 PS：勞資怎么這么無聊... </tr> </tbody> </table>前端炫技-_炫酷狂拽叼炸天站點_
名稱 推薦指數 備注/說明 </tr> </tbody>windows93 ★★★★☆ 模擬 Win93 桌面，思路、體驗和整體效果比較有意思 </tr>GeekTyper ★★★★☆ 好玩又具有 Geek 精神的網站，雖然創建的目的是個惡作劇 PS：網站需國內或許不能訪問 </tr>Mapbox ★★★★ 非常叼的開源項目，有方便的 JSAPI(還有 SDK)。 不過免費版只能淺嘗，流量有限。 PS：網站需國內或許不能訪問 </tr>SuperScrollorama ★★★☆ 好玩好看的動畫庫，鏈接是 SuperScrollorama 的展示頁 </tr>parallax.js ★★★ 一個視差引擎的官網，在電腦和手機上都有很好的體驗 </tr>墨刀 ★★ 一個在線移動應用原型制作工具。 旨在幫助產品經理快速制作可在手機端展示的移動應用原型。 </tr> </tbody> </table>設計/交互
作為負責最終效果呈現的前端工程師，多少得了解些 設計和交互 的，這也是為什么 fetool 會單獨的存在這一章...當然話又說回來了，偶畢業的第一份工作是設計:)
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>站酷 ★★★★☆ 里面好東西太多，俺當年真沒少再上面淘素材 </tr>UI中國 ★★★★ 光聽名字就知道有多高大上鳥:) </tr> </tbody> </table>速查手冊
RT，這篇都是些文檔或者API，一般這類東西都在大家瀏覽器的書簽內，偶這也列一下大前端常用的手冊地址
</blockquote>
名稱 推薦指數 備注/說明 </tr> </tbody>百度CDN公共庫 ★★★★☆ 基本常見的庫都收錄拉，搞 demo 的時候特方便 </tr>HTML 和 CSS 代碼規范 ★★★★☆ 編寫靈活、穩定、高質量的 HTML 和 CSS 代碼的規范 </tr>Linux命令中文手冊 ★★★★ 木有系統的好好學習 Linux，所以命令更不熟悉 真羨慕那些CLI玩的飛起的:) </tr>Git 速查 ★★★★ 分類清晰的速查表 </tr>jQueryAPI 1.11.3 ★★★★ ZeptoAPI 基本和 jQuery 一樣，所以看一份就好 </tr>CSS3 ★★★★ CSS3 的在線手冊 </tr>CI用戶指南 ★★ 一個輕量級的 PHP 框架用戶指南 </tr>Yaf ★★ 鳥哥(惠新宸)所寫的 PHP 框架 </tr> </tbody> </table>小結
背景
俺算個比較能自我總結的碼農，所以偶爾喜歡寫點東西做些記錄或者自我熏陶陶醉一下。 可寫著寫著發現Evernote里面的東西太尼瑪多(亂)了，于是想著把一些技術相關的資料都整理整理，都丟到Git上沉淀下來。 這樣Evernote就可以只需要記錄些偏生活方便的，看著清爽一些...
所以，這篇記錄其實只是為偶自己而寫，確信以后也一直會這樣~~~
說說目標
其實與這篇記錄類似的文章太多鳥，俺也不愿意成為一個單純的收集資料，分享資料的這么個東西。 我希望 fetool 能更生動、更個性，最好能更另類點，對于每樣工具的思考和解析更多點，吐槽也必須有理有據，然后再配上勞資收集的 low 圖，完美！ 希望通過不停的完善這篇記錄，能Push勞資多了解業內的新玩具和新創意，然后圍繞這些新東西，客觀的再寫點好東西，比如文章、資料、開源項目這些，讓其他伙伴們少走彎路或學的更順暢點兒
所以勞資對自己的要求是：這篇記錄里列出的每樣東西，自己都得的去了解、去嘗試，然后再列出來。 能舉一反三最好，如果達不到至少也能清楚的認識：列出來的這玩意對程序員有沒有卵用，解決了啥痛點。
</blockquote>TODO
繼續完善和擴充內容
</li>“備注/說明”這一欄不夠犀利，希望再多加入自己的理解、點評、吐槽，讓這篇記錄更犀利和生動
</li>支持導出多種格式，如.pdf、.epub、.mobi等
</li>后續看看如果有必要，可以單獨搞個頁面，優化下閱讀和展示效果
</li> </ol>
以下是 @拔赤 總結的前端技能圖：
完善 ing，慢慢把 Evernote 和 瀏覽器書簽 里面的好東西慢慢搗騰到這兒，更歡迎 PR，謝謝。
來自：https://github.com/nieweidong/fetool
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！sesese色