學習微信小程式(二)
不管什麼語言,我覺得最關鍵的還是邏輯上的分析。然而,隨著年齡的增大我感覺自己的越來越沒有這種想要深入判斷某一事件的念頭,也許是因為網路的發達和越來越多的大佬和技術人員?但這顯然不是一個好的理由,只能慢慢的將他撿回來了。
在微信小程式中app.js是對於邏輯的處理的。其中App() 函式用來註冊一個小程式。接受一個 Object 引數,其指定小程式的生命週期回撥等。App() 必須在 app.js 中呼叫,必須呼叫且只能呼叫一次。不然會出現無法預期的後果。下圖是建立微信小程式時的模板
下圖是對app()中的屬性的描述,它有自己的一些方法也可以自己建立一些方法。
對於其他的js檔案來說,Page(Object)
Object
型別引數,其指定頁面的初始資料、生命週期回撥、事件處理函式等。在js頁面上輸入page選擇、回車之後就會自動補全顯示出如下圖的結構。
下圖是官方文件中對page()屬性的描述。
上述內容都可以在微信公眾平臺的官方文件上檢視到。
相關推薦
從零開始學習微信小程式(二)
wx.navigateTo()與wx.redirectTo()的區別 區別一 wx.navigateTo()表示的是從一個頁面跳轉到另一個頁面,會在另一個頁面中出現可返回之前頁面的按鈕,另一個頁面與之前頁面的關係為子頁面與父頁面的關係 wx.redirectTo()表示
學習微信小程式(二)
不管什麼語言,我覺得最關鍵的還是邏輯上的分析。然而,隨著年齡的增大我感覺自己的越來越沒有這種想要深入判斷某一事件的念頭,也許是因為網路的發達和越來越多的大佬和技術人員?但這顯然不是一個好的理由,只能慢慢的將他撿回來了。 在微信小程式中app.js是對於邏輯的處理的。其中Ap
微信小程式(二)currentTarget、target區別
一、目的:點選輪播圖,進入到相對應的介面 二、方法: 方法(1)每個image元件上,繫結一個函式。壞處:如果輪播圖很多,每個元件都繫結會很麻煩 方法(2)使用冒泡事件來觸發,在父級元件<swiper>上進行事件繫結 三、具體實現
微信小程式(二):登入例項
生活無趣且不易,一起找點樂子吧。歡迎評論,和文章無關也沒問題。 上次寫了小程式與java後臺的簡單鏈接,已經好久以前的事情了,這次嘗試著來寫下登入,捎帶著連結mysql資料庫,jdbc那塊也簡單介紹下。 我們先來看前端,前端,就是展示給使用者的東西。既然是登入
EA&UML日拱一卒-0基礎學習微信小程式(4)- 安裝開發工具
小程式賬號申請成功之後的工作就是準備開發環境。 微信小程式管理的頁面如下:左面是分類標籤,根據分類的不同,會在右面顯示相應的內容,目前的狀態是【首頁】被選擇的狀態。 在上述頁面中選擇紅框中的【下載開發工具】,就可以開啟下面的下載地址頁面。 根據作業系統選擇合適
微信小程式(二)登入授權實現
相對於上一節,這一節主要是動態獲取資料,主要是對登陸資訊的接收,以及頁面獲取授權按鈕的相對相應(未授權時,顯示,授權後不顯示) 關鍵在於狀態值的判斷,以及對頁面的不同響應(m-->v) wxml程式碼如下: <!--pages/index2/index2.wx
EA&UML日拱一卒-0基礎學習微信小程式(1)- 開篇
這次選了一個時髦的話題,同時也是一個真正從0開始的話題----微信小程式。說它時髦當然是因為這東西出來沒多長時間,許多開發者不要說做過,恐怕連用都沒有用過。說從0開始是因為作者本人不光是對微信小程式沒有概念,恐怕對開發中用到的技術,手法同樣沒有經驗。 選題的目的 第一當
EA&UML日拱一卒-0基礎學習微信小程式(5)- Hello world!
全貌 上一篇文章的最後,我們的開發工具是下面的狀態。 畫面的最左邊是導航選單,用於切換編輯,除錯,專案設定等功能。今天我們集中說明編輯功能。 導航選單的右側分為3個大的區域,分別是小程式執行區域,目錄樹和程式碼編輯區域。 小程式執行區域 該區域的最上面有兩個
EA&UML日拱一卒-0基礎學習微信小程式(6)- 配置檔案的形式和內容
上篇文章中講到,小程式有兩種配置檔案,本別針對的是小程式全體和單獨的頁面,本文從形式和內容兩個方面來解析小程式中的配置檔案。 形式 從配置檔案的副檔名json可以知道配置檔案的格式是JSON(Ja
微信小程式(二十)——小程式驗證銀行卡有效性(函式封裝)
checkCard(cardNo) { if (isNaN(cardNo)) return false; if (cardNo.length < 12) {
微信小程序(二)框架的基本組成
安裝 ges 目錄 布局 alt ima 文件 分享 模擬器 安裝好 微信web開發者工具後。 讓我們來了解一下工具的框架,上圖: 工具總共分為三個部分,左上角紅框框: 模擬器:模擬手機小程序界面,模擬器左上角可以選擇手機型號,右上角紅框處,千萬別選成Office 否
微信小程式(5)搭建SpringBoot後臺
使用IntelliJ IDEA搭建一個整合SpringBoot的Maven聚合專案 結構如圖 &nb
微信小程式(4)與後臺api通訊
寫在前面:首先要了解 微信小程式與後臺api通訊的特徵 小程式無法直接訪問後臺介面 解決方案:通過內網穿透實現暴露到公網 具體實施:使用ngrok來實現內網穿透
微信小程式(3)flex佈局
小程式頁面可以使用類似於html的方式進行設計,鑑於小程式主要適用於移動端,所以推薦使用flex的響應式佈局。 定義佈局 display:flex flex容器的屬性 flex-direction:排列方向
微信小程式(2)引入模組
微信小程式中有些公共的js程式碼不需要在每個頁面中重複編寫,所以可以採用將其模組化的方式進行引用。 1.需要被引用的公共模組 新建pages/utils/common.js &
微信小程式(1)生命週期
一. 小程式App的事件 演示一個小程式生命週期的例子,需要注意的是小程式app的生命週期要與頁面的生命週期區分,因為每個頁面都有相應的生命週期,類似於下面app的生命週期裡的方法之外,也會有頁面特有的方法,例如onLoad以及onUnload方法等,這裡就不一一列舉了。 列舉
微信小程式(三):返回上一級頁面並重新整理(頁面棧)
在很多業務場景之下,需要返回上一級頁面,並進行重新整理,在微信小程式中的wx.navigateBack方法中,返回上一頁是不會重新整理的。如果上一頁的頁面載入是在onLoad方法中觸發的話,那麼可以修改為在onShow方法中觸發。 onLoad(Object query):
微信小程式(一):微信小程式與伺服器的簡單鏈接
生活無趣且不易,一起找點樂子吧。歡迎評論,和文章無關的東西也沒關係。 最近在寫小程式,有些問題,搜尋不到太有價值的東西(可能是我對關鍵字的理解不好),這裡總結下我遇到各種問題,可能看來會比較可笑,但對新手來說也許會有些幫助,我會盡量去注重具體的實現。 這篇文章來
微信小程式(十)實戰——請求後臺資料(微信小程式+laravel)
1.剛開始是本地測試連結資料庫,傳遞死資料,為了將前後流程走通,也就是給定一個數據 從前臺——》到後臺——》前臺顯示;2.現
微信 小程式(三):選座系統2(主要內容:陣列的動態更改)
人生無趣且不易,一起找點樂子吧。歡迎評論,和文章無關也沒問題。 上篇文章我們主要說了列表的渲染,給定個數組,讓他根據我們的要求“畫”在介面上,最後我們也提到,如果想要想要改變介面,只要相應的改變對應陣列的內容就可以了。 這次我們就來講怎樣從介面獲得資料,然後在