1.今天再寫小程序的時(shí)候拉一，加載背景圖的時(shí)候，使用本地圖片旧乞，模擬器能加載出來蔚润，預(yù)覽以及真機(jī)都加載不出來，通過實(shí)驗(yàn)得之尺栖，在加載背景圖的時(shí)候抽碌，只能加載網(wǎng)絡(luò)圖片或者base64的圖片，本地圖片加載不出來,image可以加載本地圖片决瞳。
background: url('http://pic35.photophoto.cn/20150402/0011024033183316_b.jpg') no-repeat
2.使用組件scroll-view加載列表是的時(shí)候货徙，橫向滾動(dòng)，我們必須設(shè)置其相關(guān)屬性
scroll-x="true"
white-space: nowrap;
display: flex
在scroll-view里面的view子控件容器皮胡，我們使之變成行內(nèi)元素屬性
display: inline-block
3.控件設(shè)置毛玻璃痴颊，先設(shè)置一下樣式class{}，在樣式里面寫入一下內(nèi)容
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera /
background-position: center;
background-size: cover;
-webkit-filter: blur(10px); / Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
這是對(duì)毛玻璃的樣式的設(shè)置屡贺， 如果需要在毛玻璃上放圖片或者text標(biāo)簽蠢棱，這是我們要使用 position屬性，具體使用flexed甩栈，還是relative泻仙，absolute這個(gè)需要根據(jù)業(yè)務(wù)需求來選擇，具體的自行寫入量没。
4.寫小程序的過程中玉转，大家相比都會(huì)用到，web-view這個(gè)組件殴蹄，我們就可以在小程序內(nèi)放置一個(gè)<web-view>組件來鏈接我們的HTML頁面了究抓。在這之前，我們在小程序中沒有辦法整合我們已有的HTML程序（比如HTML5文章系統(tǒng)袭灯，商城系統(tǒng)等）刺下，只能使用小程序的方式重新開發(fā)一套，現(xiàn)在有了<web-view>就可以方便的集成這些網(wǎng)頁系統(tǒng)稽荧，為我們減少了可觀的工作量橘茉。
使用web-view組件顯示HTML頁面
<web-view src="https://www.baidu.com"></web-view>
很簡單這樣就可以使用了。如果木有微信小程序在后臺(tái)配置相關(guān)信息姨丈，只能真機(jī)有效畅卓。
當(dāng)然也有不足之處
小程序的這個(gè)<web-view>總是自動(dòng)鋪滿整個(gè)頁面，且每個(gè)頁面只能有一個(gè)<web-view>构挤，它會(huì)覆蓋其他組件髓介。也就是說，沒有辦法實(shí)現(xiàn)小程序界面組件和<web-view>頁面混排的情況筋现，這點(diǎn)要注意唐础。
在內(nèi)嵌的HTML頁面中跳轉(zhuǎn)回小程序
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
<script>
// 跳轉(zhuǎn)到小程序的一個(gè)頁面
wx.miniProgram.navigateTo({url: '/path/to/page'})
</script>
