前端丨超全面+最流行的「前端速查表」高清版大全

今天分享的速查表你一定不會陌生，因為都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人員可以將這些當作是備忘表或速記手冊，使用時可以快速查閱，相當便捷。

這些速查表設計達人網小編認為相當有用，如果我學前端時有這些表給我就好了T_T…

速查表兄弟篇：《最強酷站！超實用的PS+AI+ID快捷鍵速查網站》

下面來看看介紹，必須收藏！

Flexbox Cheatsheet Cheatsheet

這里通過問答對話形式，很好的展示 flexbox 屬性的作用，我們只截了小圖，大圖以及 PDF 版請點擊鏈接查看。

Flexbox 視覺指南

這個特色就是有實時代碼演示，當用戶設置屬性，DEMO 可以實時更新效果，這樣用戶更好更容易地理解 Flexbox 某個屬性的作用。

CSS選擇器速查表

對于?CSS?剛入門的同學，建議看看這個 CSS 選擇器，可以讓你更易理解選擇器的用法。

CSS偽類 :Nth-Child 的用法

也是以可視化方式展示:nth-child的用法，用戶還可以自行修改它的數值來實時展示效果，真的方便。

Bootstrap 4 Cheat Sheet

Bootstrap?4 有新的很多組件樣式，熟記它不太可能，在官網找又太麻煩，那么這個Bootstrap 4是你最好的選擇，流布布局分類，支持一件復制代碼，超好用，小編正在用了。

前端框架兼容表

這個列表把所有流行的、不太流行的前端框架（Front end Frameworks）的瀏覽器兼容性一一列出來，框架有 Bootstrap, Kube, 960 Grid System, Foundation, Semantic UI 等等。

以后看框架的兼容性，這個頁面就夠了。

Bootstrap 4 速度表 + Class 列表

這個速查表特色就是還有效果預覽圖，鼠標移到小圖上面就會放大預覽圖，而當你想要這個代碼的時候，點擊表格右邊的鏈接就會跳到官網對應的代碼頁了。

JQuery 3 Cheatsheet

jQuery 大家都知道了吧，而這個速查表最新版本的 jQuery 3

ES6 CHEAT SHEET

主要是介紹ES2015 [ES6]常用的一些技巧、竅門和代碼實例。

CSS 動畫：Animate.Css

Animate.css 這是一個非常優秀的樣式動畫庫，什么漸變、淡入淡出、放大縮小、旋轉等等，幾乎所有能用的CSS動畫都有了，超好用，想做 CSS 動畫，建議一定要參考這個樣式庫。

「優設前端好文合集」

1. 《收入囊中！20個前端和網頁設計師必收的超實用網站》
2. 《效率丨10個前端/設計師必備的生產力工具》
3. 《開發者福利！2016年10月設計圈實用干貨大合集》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com