(微信小程式)一 初識微信小程式

2022-07-31 12:27:13 字數 1037 閱讀 8191

需要看的 先是檔案目錄

( 一 )    pages   他存放於多個頁面 如 index ,log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html 、css 和 資料

1:index資料夾    ---    存放的index頁面的目錄。

2:index.js    ---    他可以處理得到(ajax),或自定義定義的資料。把得到的值封裝成乙個物件 交給wxml渲染資料。(類似與angular的資料繫結或者express的res.render({}))另外 他還有一些生命週期。

(1)、onload(options)    ---    進入這個頁面時候觸發而options就是頁面跳轉時候所傳的引數

(2)、onready     ---    頁面跳轉完成

(3)、onshow    ---    頁面顯示

(4)、onhide    ---    頁面隱藏

(5)、onunload    ---    頁面關閉  

他們的型別 都是 function 哦。

3:index.wxml    ---    他其實就類似於 html

4:index.wxss    ---    相當與 css

( 二 )    utils    這裡存放一些小工具吧 比如一些邏輯的處理。可以跟自己的喜好來命名 比如 controller

2:他有一些生命週期

他和index.js中的onload可不一樣。他全域性只觸發一次。而onload是每次進入這個頁面時候都觸發

(2)    onshow    ---    當程式從後台進入前台時候觸發    ---     就相當於我開啟了這個程式,然後用iphone點選home鍵從程式進入了主桌面。

(3)    onhide    ---    當程式從前台進入後台    ---    同理 用iphone手機從桌面雙擊home鍵進入 小程式。

之後我會按照初始程式一點一點的深入了解。不過不得不說 感覺和angular2是乙個媽生出來的產物。不過比angular2 更好理解

微信小程式 一 微信登入

前端 請求伺服器 wx.request method get header 設定請求的 header success function res console.log 伺服器返回 res.data.result console.log 伺服器返回 res.data.msg fail function...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...

微信小程式

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...