關於web開發前端h5框架的選擇
看了很多移動版框架都是基於app混合式開發的，不是單獨h5網站的
基於h5開發的web框架從組件豐富度，兼容性，相關教程來說bootstrap還是最好的
react和vue2都是用mvvm模式，數據實時更新，適合app里面嵌入的網頁使用，但用在傳統web網頁上對seo不太好，因為數據都放在js里面了，頁面html只有簡單的結構了。bootstrap比較符合web網站做seo的，兼容跨屏的同時又能保持數據輸出。
js框架性能測試對比Table Report
http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html
===============================================
Bootstrap 4 Alpha 4 · Bootstrap Blog
http://blog.getbootstrap.com/2016/09/05/bootstrap-4-alpha-4/
Bootstrap 4 Alpha 4 出來了
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
有他自己的cdn了，而且是https的，這樣就不存在加載js大小的問題了，不同網站使用了這個，用戶本地緩存過一個其他網站就不用再請求了
bootstrap.min.js只有12.9k，主要是依賴jquery，jquery也用cdn加載就沒問題了
jquery看來用1.12.3版本的算了，這個壓縮后才38.5k，ido01用的2.1.4版本的有82.2k
-------------------------------
Bootstrap 中文文檔
http://v3.bootcss.com/
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式布局、移動設備優先的 WEB 項目。
為所有開發者、所有應用場景而設計。Bootstrap 讓前端開發更快速、簡單。所有開發者都能快速上手、所有設備都可以適配、所有項目都適用。
一個框架、多種設備：你的網站和應用能在 Bootstrap 的幫助下通過同一份代碼快速、有效適配手機、平板、PC 設備，這一切都是 CSS 媒體查詢（Media Query）的功勞。
特性齊全：Bootstrap 提供了全面、美觀的文檔。你能在這里找到關於 HTML 元素、HTML 和 CSS 組件、jQuery 插件方面的所有詳細文檔。
===================================
vue.js
http://cn.vuejs.org/
Vuejs2.0 文檔攻略-介紹
http://larabase.com/collection/2/post/108
簡潔
HTML 模板 + JSON 數據，再創建一個 Vue 實例，就這么簡單。
數據驅動
自動追蹤依賴的模板表達式和計算屬性。
組件化
用解耦、可復用的組件來構造界面。
輕量
~24kb min+gzip，無依賴。
快速
精確有效的異步批量 DOM 更新。
模塊友好
通過 NPM 或 Bower 安裝，無縫融入你的工作流。
聽了幾節vue的視頻，發現這個主要是適合界面里面數據經常變動的，有很多交互數據的，需要很多ajax請求的應用，一次性加載出數據的不適用，另外他只是個js庫，主要是實現mvvm架構viewmodel數據綁定的功能，並沒有對應的UI組件。
vue這個跟Angular類似的，采用數據模版的方式，數據都放到js動態解析進去的，這種對需要seo的非常不利的，app里面不需要搜索引擎收錄的，動態刷新數據的才適合使用，需要做頁面里面的內容，關鍵字seo的網站不能用這種。
開發一套帶網站地圖的文本頁給爬蟲，然后正常用戶訪問的時候重定向到angular渲染的對應頁面
這個對內容seo來說肯定不是最優解決辦法
===================================
Amaze UI | 中國首個開源 HTML5 跨屏前端框架
http://amazeui.org/
Amaze UI Touch 是基於facebook開源的React的，React Native是現在最流行的移動開發框架，資料也相當豐富
react主要也是實現數據綁定的
React也只是個js庫，要快速開發還是得用基於react的Amaze UI Touch 框架來做才行。
React.js 中文文檔上線了
中文文檔地址 http://reactjs.cn
GitHub地址 https://github.com/reactjs-cn/react-docs
阮一峰的 "React 入門實例教程" http://www.ruanyifeng.com/blog/2015/03/react.html
極客學院整理的文檔 http://wiki.jikexueyuan.com/project/react/
React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以后，發現這套東西很好用，就在2013年5月開源了。
由於 React 的設計思想極其獨特，屬於革命性創新，性能出眾，代碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用，認為它可能是將來 Web 開發的主流工具。
ReactJS官網地址：http://facebook.github.io/react/
Github地址：https://github.com/facebook/react
編寫Hello World - react native 中文網
http://reactnative.cn/docs/0.31/tutorial.html
react native只是基於reactjs，主要是生成app用的，采用ES2015 （也叫作ES6）最新javascript標准語法，開發方式跟純web還是有很大差別的
React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發體驗，構建世界一流的原生APP。
React Native着力於提高多平台開發的開發效率 —— 僅需學習一次，編寫任何平台。(Learn once, write anywhere)
Facebook已經在多項產品中使用了React Native，並且將持續地投入建設React Native。
看了下Amaze UI Touch 的發現css，js也是很多，而且js都是動態的（綁定的動態數據在js文件里面，每次都不一樣的），不能用cdn緩存
環境配置，先安裝 Node.js 熱更新是用nodejs來更新數據的
=======================================
ionic 教程 | 菜鳥教程
http://www.runoob.com/ionic/ionic-tutorial.html
ionic 是一個強大的 HTML5 應用程序開發框架(HTML5 Hybrid Mobile App Framework )。 可以幫助您使用 Web 技術，比如 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程序。
ionic 主要關注外觀和體驗，以及和你的應用程序的 UI 交互，特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。
ionic是一個輕量的手機UI庫，具有速度快，界面現代化、美觀等特點。為了解決其他一些UI庫在手機上運行緩慢的問題，它直接放棄了IOS6和Android4.1以下的版本支持，來獲取更好的使用體驗。
============================================
Vanilla JS——世界上最輕量的JavaScript框架（沒有之一）
https://segmentfault.com/a/1190000000355277
Vanilla JS是世界上最輕量的javascript 框架（沒有之一），使用我們的產品部署策略，你的用戶的瀏覽器向你的站點發送請求前就已經把Vanilla JS加載在瀏覽器里了。
用戶的瀏覽器甚至在未發起請求之前就已經將 Vanilla JS 加載到內存中了.
不用任何代碼. Vanilla JS 太流行了,以至於所有的瀏覽器在十年前就已經內置了它.
vanillajs 這個其實就是原生js的用法了，不需要引入任何類庫的，這個要自己寫兼容性那些處理比較麻煩。
要實現手機版的一些操作，特效就沒那么容易了，或者寫出來只能兼容一部分手機，畢竟這個是十年前就內置的js庫了