HBuilder
- 1.HBuilder是一個極客工具，追求無鼠標的極速操作阵谚。不管是敲代碼的快捷設定蚕礼，還是操作功能的快捷設定，都融入了效率第一的設計思想梢什。
- 2.查看奠蹬、編輯代碼塊可以在工具-自定義代碼塊中，選擇相應的代碼塊進行查看和編輯嗡午。也可以在激活代碼塊的代碼助手中囤躁，點擊詳細信息右下角的修改圖標進行修改和查看。
- 3.HBuilder內(nèi)嵌了jquery、bootstrap割以、angular金度、mui等常用框架的語法提示庫，并且這些框架語法一樣可以享受到HBuilder的全時提示機制严沥，提示圖片猜极、顏色、id消玄、class...
- 4.HBuilder的語法庫包括W3C的HTML跟伏、JAVASCRIPT、CSS的正式標準和推薦標準...翩瓜，ECMAScript中瀏覽器支持的部分受扳，還有各大瀏覽器的擴展語法，webkit兔跌、moz勘高、ms，均實時更新到各瀏覽器的最新版本坟桅。信息欄中的瀏覽器品牌圖標华望，全亮表示無障礙支持該語法，全灰表示不支持仅乓，而半亮則表示該瀏覽器部分支持該語法赖舟。半亮時會下圖標下方顯示出來詳細的支持情況，比如video標簽夸楣，從IE9才開始支持宾抓。
- 5.HTML5一大用途就是App開發(fā)。HBuilder良好的支持手機App開發(fā)豫喧。包括新建移動App項目石洗、run in device真機調(diào)試、本地及云端打包紧显。HBuilder開發(fā)的HTML5+ App劲腿，比普通的web App功能更強、性能更高鸟妙，具體參考文檔 5+ App章節(jié)。
- 6.更多介紹http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/95
mui
1.mui是一個可以方便開發(fā)出高性能App的框架挥吵，也是目前最接近原生App效果的框架重父。
2.其他移動App框架比較
- 基于jq的jqmobile，性能低的無法忍受
- 基于angular的ionic忽匈，都把pc端很重的東西引入到移動App中房午。angularjs本身設計是為了pc端網(wǎng)頁的雙向數(shù)據(jù)綁定，做個移動App干嘛用這么重的東西丹允。
- bootstrap這種響應式設計郭厌，性能在低端機不足袋倔，而且UI風格一看就是網(wǎng)頁，不是App的感覺折柠。
- framework7只能在iPhone上運行也無法被接受宾娜。
于是為了方便廣大開發(fā)者，我們基于ratchet框架制作了mui扇售。
vue
Vue.js（讀音 /vju?/, 類似于 view） 是一套構(gòu)建用戶界面的 漸進式框架前塔。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設計承冰。Vue 的核心庫只關注視圖層华弓，并且非常容易學習，非常容易與其它庫或已有項目整合困乒。
渲染效果
在生產(chǎn)環(huán)境中的性能是至關重要的寂屏，目前為止我們所具體討論的便是針對此環(huán)境。但開發(fā)過程中的表現(xiàn)也不容小視娜搂。不錯的是用 Vue 和 React 開發(fā)大多數(shù)應用的速度都是足夠快的迁霎。
當性能在生產(chǎn)中性能是直接與終端用戶體驗相關的更重要的指標時，表現(xiàn)在開發(fā)中仍然很重要,因為它是與開發(fā)相關經(jīng)驗
然而涌攻，假如你要開發(fā)一個對性能要求比較高的數(shù)據(jù)可視化或者動畫的應用時欧引，你需要了解到下面這點：在開發(fā)中，Vue 每秒最高處理 10 幀恳谎，而 React 每秒最高處理不到 1 幀芝此。
這是由于 React 有大量的檢查機制，這會讓它提供許多有用的警告和錯誤提示信息因痛。我們同樣認為這些是很重要的婚苹，但是我們在實現(xiàn)這些檢查時，也更加密切地關注了性能方面鸵膏。
更多性能對比：https://cn.vuejs.org/v2/guide/comparison.html
移動端web開發(fā)注意點
1.點擊事件
click 和 tap 比較兩者都會在點擊時觸發(fā)膊升，但是在手機WEB端，click會有 200~300 ms谭企，所以請用tap代替click作為點擊事件廓译。
2.屏幕適配問題
使用自適應布局模式，這樣做可以讓你的頁面在ipad债查、itouch非区、ipod、iphone盹廷、android征绸、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的分辨率管怠。某些特定的css屬性不推薦用于移動端布局淆衷，比如float屬性。但是有些屬性需要我們?nèi)ゼ訌姴吵冢缥覀優(yōu)g覽器上的a標簽祝拯，電腦是通過鼠標進行點擊，但是我們手機是沒有鼠標功能的暮芭，所以為了更好的體驗點擊效果鹿驼，建議采用塊級標簽來處理。
3.低端機體驗效果問題
不同手機存在不同webview版本辕宏，所以會導致不同手機有不同的體驗效果畜晰，例如我在開發(fā)的時候曾經(jīng)遇到過低端手機無法監(jiān)聽scroll的變化。因此瑞筐，在測試屏幕適配的同時還要注意低端機功能效果是否實現(xiàn)凄鼻。
