微信小程序項目開發(fā)

項目二、答題小程序這個任務(wù)主要用到的知識包括GPIO、外部中斷、定時器等。任務(wù)一、答題小程序任務(wù)二、使用Flex布局任務(wù)三、使用條件、列表渲染主要內(nèi)容項目介紹演示創(chuàng)建過程01創(chuàng)建項目02設(shè)計答題界面03設(shè)計邏輯代碼微信小程序生命周期介紹微信小程序應(yīng)用的生命周期微信小程序生命周期介紹頁面的生命周期Flex布局Flex是FlexibleBox的縮寫，F(xiàn)lex布局又稱彈性布局。

Flex布局代碼簡單，但功能強大。用Flex布局很容易制作排列整齊、自動適應(yīng)屏幕大小的頁面，因此在微信小程序的開發(fā)中得到了廣泛的應(yīng)用，后續(xù)的大部分項目都使用了Flex布局。flex-directionrow：默認值，如果不指定flex-direction，默認是row，代表橫向，從左到右排列row-reverse：橫向，從右到左排列column：縱向，從上到下排列column-reverse：縱向，從下往上排列Flex布局有“主軸”和“交叉軸”的概念。如果橫向排列，則主軸是橫向，交叉軸是縱向；否則主軸是縱向，交叉軸是橫向。flex-wrapnowrap：默認值，不換行，如果當(dāng)前行或列顯示不下就看不到wrap：換行，換行/列顯示wrap-reverse：換行，換的行在上面或左面flex-flow是flex-direction和flex-wrap的組合后的簡寫方式j(luò)ustify-contentFlex項目在主軸上的對齊方式。flex-start：默認值，左/上對齊flex-end：右/下對齊center：居中對齊space-between：兩端對齊，項目之間間隔相同space-around：每個項目兩側(cè)的間隔相等。所以，項目之間的間隔比項目與邊框的間隔大一倍。order項目的排列順序。數(shù)值越小，排列越靠前，默認為0。以上屬性是作用在父元素，即使用Flex布局的容器上的，下面的屬性作用在Flex項目上面align-itemsFlex項目在交叉軸上的對齊方式。flex-start：上/左對齊flex-end：下/右對齊center：居中對齊baseline：Flex項目的第一行文字的基線對齊stretch：默認值，如果項目未設(shè)置高度或設(shè)為auto，將占滿整個容器的高度（橫向排列）或?qū)挾龋v向排列）。flex-grow定義Flex項目的放大比例，默認為0，即如果存在剩余空間，也不放大。如果所有項目的flex-grow屬性都為1，則它們將等分剩余空間（如果有的話）。如果一個項目的flex-grow屬性為2，其他項目都為1，則前者占據(jù)的剩余空間將比其他項多一倍。這個屬性非常重要，經(jīng)常用于讓Flex項目平均分配或按比例分配剩余空間，適應(yīng)屏幕大小的同時排列整齊。flex-shrink定義Flex項目的縮小比例，默認為1，即如果空間不足，該項目將縮小。如果所有項目的flex-shrink屬性都為1，當(dāng)空間不足時，都將等比例縮小。如果一個項目的flex-shrink屬性為0，其他項目都為1，則空間不足時，前者不縮小。flex-basisflex-basis屬性定義了在分配多余空間之前，項目占據(jù)的主軸空間。它的默認值為auto，即項目的本來大小。flexflex屬性是flex-grow,flex-shrink和flex-basis的簡寫，默認值為01auto。后兩個屬性可選。通常會用這個屬性作為flex-grow屬性的簡寫，來實現(xiàn)Flex項目平均分配或按比例分配剩余空間。推薦使用這種簡寫的方式，后面的項目全部采用這種方式。flexflex屬性是flex-grow,flex-shrink和flex-basis的簡寫，默認值為01auto。后兩個屬性可選。通常會用這個屬性作為flex-grow屬性的簡寫，來實現(xiàn)Flex項目平均分配或按比例分配剩余空間。推薦使用這種簡寫的方式，后面的項目全部采用這種方式。align-selfalign-self屬性允許單個項目有與其他項目不一樣的對齊方式，可覆蓋align-items屬性。默認值為auto，表示繼承父元素的align-items屬性，如果沒有父元素，則等同于stretch。該屬性可能取6個值，除了auto，其他都與align-items屬性完全一致。測試Flex項目屬性測試Flex項目屬性條件渲染條件渲染在wxml文件里面使用wx:if、wx:elif、wx:else等關(guān)鍵字，判斷是否要渲染某些代碼塊。列表渲染列表渲染使用wx:for作為關(guān)鍵字，綁定一個數(shù)組，即可使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件。微信小程序開發(fā)與團隊合作微信小程序開發(fā)中，項目組成員通常包括產(chǎn)品組、設(shè)計組、開發(fā)組和測試組。微信小程序的開發(fā)流程通常包括需求分析、設(shè)計、開發(fā)、體驗、測試和發(fā)布。產(chǎn)品組負責(zé)提需求、設(shè)計組負責(zé)設(shè)計、開發(fā)組負責(zé)開發(fā)、產(chǎn)品組和設(shè)計組負責(zé)體驗、測試組負責(zé)測試、項目管理者負責(zé)微信小程序的發(fā)布。在企業(yè)中要開發(fā)