1 引言

剛接觸小程序，會有很多錯誤的思路去編寫，為了避免在代碼方面出錯，本文將對前端和小程序做一個區分。

2 問題描述

微信小程序與web前端的區別。

3 算法描述

在web的html中我們一般都是使用div、p、pan、a等標簽來制作頁面，但是在微信小程序中就是使用了view、text、image等來制作小程序，在兩者轉換中我們可以把view標簽當作html里面的div標簽，image和html中的img一樣，小程序里的wxml就和body類似,wxss就和css類似，用來定義標簽的屬性等。

4 結語

這次區分了html與小程序之間的差異，可以避免在使用標簽出現錯誤的代碼。

附件

wxml:
<view class="navbar">
 <lable wx:for="{{navbar}}"
 data-idx="{{index}}"
 class="item {{currentTab==index ? 'active' : ''}}"
 wx:key="unique"
 bindtap="navbarTap">{{item}}
 </lable>
</view>
wxss:
page{
 display: flex;
 flex-direction: column;
 height: 100%;
}
.navbar{
 flex: none;
 display: flex;
 background: #fff;
}