网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

小程序頁面開發注意事項

發布時間:2018-04-18 11:03 所屬欄目:小程序開發教程

小程序的開發注意事項:

1、js文件

每個頁面對應的js文件可以定義頁面onReady,onLoad,onShow,onHide,onUnload,還有頁面的數據,自定義的函數要寫到一塊,內部約定是都寫到默認函數的后面。既“頁面中先data,再默認函數,再自定義函數”方便review code,提高協作效率。

 

2、json文件

默認不能為空,即使沒有內容也要為空數據{},原先定義在app.json中的內容,如果需要在當前頁面中重新定義,那么只要把內容復制過來,直接賦新值即可,用于設置小程序的狀態欄、導航條、標題、窗口背景色。常用的是頁面的標題

  1. {

  2.    "navigationBarTitleText": "我的",

  3.    "selfdata":"全棧工程師師不靠譜更新",

  4.    "tabBar": {

  5.      "list": [{

  6.        "pagePath": "pagePath",

  7.        "text": "text",

  8.        "iconPath": "iconPath",

  9.        "selectedIconPath": "selectedIconPath"

  10.      }],

  11.      "position":"top"

  12.    }

  13. }

見慣了菜單在底部的,來一個在top吧。

 

3、wxml文件

頁面頭部和底部需要封裝好,做成模版,分別導入入頁面

  1. <import src="/pages/common/head.wxml"/>

  2. <import src="/pages/common/foot.wxml"/>

 

之前HTML編寫的好習慣還是要帶入進來有head還有foot,當然業務內容就body,每一塊就用一個view包裝起來,方便控制布局和class

頁面加載的時候獲取數據,從網絡或從緩存中,數據再通過頁面的data中定義的內容在頁面渲染。具體的呈現列表、條件這些多多的使用。

 

4、wxss文件

@import "common.wxss";

公共樣式、reset樣式要根據不同項目提前管理好,不要使用px,不要使用px,不要使用px,重要的事情要說三遍,小程序為了保證兼容和自適應使用了新的單位rpx

5、要提供一個供用戶清理本地緩存的按鈕。相當于項目的reset開關,緩存數據、文件數據、授權數據這些可能要不同項目中用到



易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/23684.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×