1 熟練掌握HTML5CSS3LessSass響應(yīng)書(shū)布局移動(dòng)端開(kāi)發(fā)2 熟練運(yùn)用HTML+CSS特性完成頁(yè)面布局4 熟練應(yīng)用CSS3技術(shù)，動(dòng)畫(huà)彈性盒模型設(shè)計(jì)5 熟練完成移動(dòng)端頁(yè)面的設(shè)計(jì)6 熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站；對(duì)比 Twritter 等競(jìng)爭(zhēng)對(duì)手的原生 App，F(xiàn)acebook 的 HTML5 版本實(shí)在無(wú)法讓用戶(hù)滿(mǎn)意比如 Push 功能，到現(xiàn)在 HTML5 的推送和原生的推送體驗(yàn)差距依然巨大，更不用說(shuō) HTML5 應(yīng)用的頁(yè)面切換白屏下拉刷新側(cè)滑菜單不流暢等眾多問(wèn)題看著；瀏覽器是TencentTechnologyShenzhenCompanyLimited開(kāi)發(fā)的一款瀏覽器，采ChromeTab高速組件+自帶IE高級(jí)內(nèi)核，讓瀏覽快速穩(wěn)定，拒絕卡頓，完美支持HTML5和各種新的Web標(biāo)準(zhǔn)瀏覽器90版發(fā)布，ChromeTab高速組件+自帶IE高級(jí)內(nèi)核；對(duì)比Twritter等競(jìng)爭(zhēng)對(duì)手的原生App，F(xiàn)acebook的HTML5版本實(shí)在無(wú)法讓用戶(hù)滿(mǎn)意比如Push功能，到現(xiàn)在HTML5的推送和原生的推送體驗(yàn)差距依然巨大，更不用說(shuō)HTML5應(yīng)用的頁(yè)面切換白屏下拉刷新側(cè)滑菜單不流暢等眾多問(wèn)題看著原生工程；webview模式的側(cè)滑菜單也有div方式側(cè)滑菜單webview模式的tab選項(xiàng)卡也有div方式選項(xiàng)卡nativeUI，如原生的警告框確認(rèn)框popoveractionsheettoast這些也有HTML5的實(shí)現(xiàn)預(yù)加載 自定義事件 二第三方擴(kuò)展插件 涉及。

比如Push功能，到現(xiàn)在HTML5的推送和原生的推送體驗(yàn)差距依然巨大，更不用說(shuō)HTML5應(yīng)用的頁(yè)面切換白屏下拉刷新側(cè)滑菜單不流暢等眾多問(wèn)題看著原生工程師輕松實(shí)現(xiàn)搖一搖二維碼語(yǔ)音輸入分享到朋友圈等功能，更是讓HTML5工程；2把下載記錄這個(gè)窗口打開(kāi)以后，可看到最近下載完成的所有文件3想要查看下載的各種資源儲(chǔ)存在什么位置首先點(diǎn)擊設(shè)置按鈕，然后點(diǎn)擊下載儲(chǔ)存位置按鈕4在下載儲(chǔ)存位置的那個(gè)窗口里面看文件是存儲(chǔ)在SD卡亦或是手機(jī)存儲(chǔ)5；您好，web前端學(xué)習(xí)的內(nèi)容有以下8個(gè)階段階段1前端核心基礎(chǔ) HTML +_CSS核心JavaScript基礎(chǔ)語(yǔ)法JavaScript面向?qū)ο驤avaScript DOM和 BOM編程jQuery框架 階段2HTML5 + CSS3 + 移動(dòng)端核心 HTML5新特性Canvas專(zhuān)列；因?yàn)楦鞣N原因，Cordova的定位最終沒(méi)有成為瀏覽器的強(qiáng)化，而走向了混合式開(kāi)發(fā)基于當(dāng)時(shí)的背景，他們認(rèn)為原生是不可替代的，“原生+HTML5”的混合模式更有意義所以現(xiàn)在Cordova的使用模型是“原生工程師+HTML5工程師”一起協(xié)作。

側(cè)滑菜單不流暢等眾多問(wèn)題看著原生工程師輕松實(shí)現(xiàn)搖一搖二維碼語(yǔ)音輸入分享到朋友圈等功能，更是讓 HTML5 工程師感覺(jué)自己站錯(cuò)了隊(duì)即使 Facebook 不喜歡被控制，也不能拿被用戶(hù)拋棄來(lái)冒險(xiǎn)而且 Facebook 并沒(méi)有。

mui封裝的swipedrag相關(guān)處理業(yè)務(wù)圖片輪播可左右滑動(dòng)的圖文表格可左右滑動(dòng)的9宮格滑動(dòng)觸發(fā)列表項(xiàng)菜單可拖動(dòng)式側(cè)滑菜單下拉刷新和上拉加載可拖動(dòng)式選項(xiàng)卡 備注在PC端，大家將tap替換成click，將HTML5默認(rèn)；1打開(kāi)瀏覽器，然后點(diǎn)擊底部的三條橫線如圖2接下來(lái)點(diǎn)擊‘設(shè)置’，點(diǎn)開(kāi)后就會(huì)看到下載設(shè)置了3然后點(diǎn)擊‘下載設(shè)置’，如圖所示4再點(diǎn)擊自動(dòng)安裝應(yīng)用右邊的按鈕如圖5如果沒(méi)有開(kāi)啟 瀏覽器自動(dòng)安裝；這個(gè)可以通過(guò)絕對(duì)定位，配合left設(shè)置 或者translate去實(shí)現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過(guò)渡transitionleft 03s 然后讓class為menu active的元素；2012年，F(xiàn)acebook宣布放棄HTML5的新聞充斥了全世界的IT頭條，HTML5瞬間被打入冷宮當(dāng)時(shí)的HTML5真的做不出好的移動(dòng)App，HTML5應(yīng)用的頁(yè)面切換白屏下拉刷新和側(cè)滑菜單不流暢等眾多問(wèn)題讓Facebook不得不放棄了HTML5，這一舉動(dòng)。

ReactNativeReactNative簡(jiǎn)介ReactNative環(huán)境配置創(chuàng)建項(xiàng)目，配置，編譯，調(diào)試，部署發(fā)布原生模塊和UI組件原生常用APIHTML5+HTML5+中國(guó)產(chǎn)業(yè)聯(lián)盟HTML5PlusRuntime環(huán)境HBuilder開(kāi)發(fā)工具M(jìn)UI框架H5+開(kāi)發(fā)和部署第。

可拖動(dòng)式側(cè)滑菜單下拉刷新和上拉加載可拖動(dòng)式選項(xiàng)卡備注在PC端，大家將tap替換成click，將HTML5默認(rèn)的Drag事件替換mui 的swipe和drag，就可以解決如上兩個(gè)問(wèn)題除上述列出的功能點(diǎn)，其它mui功能。