1. 程式人生 > >微信小程式學習過程

微信小程式學習過程

1、import 的作用域
import 有作用域的概念,即只會 import 目標檔案中定義的 template,而不會 import 目標檔案 import 的 template。
如:C import B,B import A,在C中可以使用B定義的template,在B中可以使用A定義的template,但是C不能使用A定義的template。

2、include
include 可以將目標檔案除了 外的整個程式碼引入,相當於是拷貝到 include 位置。

3、一個模組要想對外暴露其內部的私有變數與函式,只能通過 module.exports 實現。

4、在.wxs模組中引用其他 wxs 檔案模組,可以使用 require 函式。

引用的時候,要注意如下幾點:

  • 只能引用 .wxs 檔案模組,且必須使用相對路徑
  • wxs 模組均為單例,wxs 模組在第一次被引用時,會自動初始化為單例物件。多個頁面,多個地方,多次引用,使用的都是同一個 wxs 模組物件。
  • 如果一個 wxs 模組在定義之後,一直沒有被引用,則該模組不會被解析與執行

5、attention!

  • wxs 模組只能在定義模組的 WXML 檔案中被訪問到。使用 include或 import 時,wxs 模組不會被引入到對應的 WXML 檔案中。
  • template 標籤中,只能使用定義該 template 的 WXML 檔案中定義的 wxs 模組。

6、WXS 語言目前共有以下幾種資料型別:
number : 數值
string :字串
boolean:布林值
object:物件
function:函式
array : 陣列
date:日期
regexp:正則

相關推薦

程式學習過程

1、import 的作用域 import 有作用域的概念,即只會 import 目標檔案中定義的 template,而不會 import 目標檔案 import 的 template。 如:C im

devopen.club程式學習筆記

同一個使用者 進入不同的小程式 所產生的openid是不一樣的  是使用者的唯一標識 同一個使用者關注了不同的公眾號(小程式),同一個使用者對應一個unionid 如果用迴圈的話 就用block標籤 會迴圈裡面的標籤 不會出現重複多餘的標籤   如果用view就會每層外面

程式學習之路】----使用globalData函式設定全域性變數

我們在app.js中設定需要的全域性變數的引數,比如公司名稱等 //app.js App({ globalData: { title: 'tomatocc' } }) 然後我們就可以在某個頁面的js檔案中(比如index.js)的data數組裡面去直

程式學習之路】----使用template模板所遇到的問題

官方文件的demo過於簡單,本人嘗試幾次也沒有弄懂,找了幾個demo後才漸漸瞭解清楚小程式的模板是怎麼玩的。並且展示一個簡單的demo 首先來看我們的專案結構:主要用到index.js,index.wxml,temp.js,temp.wxml 首先,我

程式開發過程問題總彙

之前在開發一個控車小程式,把過程中稍微需要搜尋的問題做了記錄。   1. 關鍵詞:本地資源圖片無法通過WXSS獲取 描述:做小程式開發的時候,如果你需要使用圖片作為背景,也就是想使用background-img這個屬性,但在小程式中這個屬性是無法使用本地資源的。它要求你必須使用網路圖片,也就

程式——學習筆記(三)檢視層(1)

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法,今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內,或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式

程式——學習筆記(二):邏輯層(1)

邏輯層將資料進行處理後傳送給檢視層,同時接受檢視層的事件反饋。 用App()函式註冊一個小程式。 當小程式初始化完成時,會觸發 onLaunch(全域性只觸發一次) 當小程式啟動,或從後臺進入前臺顯示,會觸發 onShow 當小程式從前臺進入後臺,會觸發 onHide 當小程式發生指令碼錯

程式——學習筆記(一):json

json配置檔案—— 1> app.json:作用於整個小程式全域性配置   頁面路徑——page(陣列[字串="路徑+檔名"])      "pages":["pages/index/index","pages/log/index"]

程式學習筆記(一)之框架及工具

文章目錄 一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式 二、App()函式使用

程式學習筆記(八)本地資料快取

上一篇:微信小程式學習筆記(七) 【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例,把登入成功返回的token值儲存在本地快取中,然後讀取快取中的token: login.php: <?php

程式學習(18) —— 上拉載入和下拉重新整理

在微信小程式上實現下拉重新整理、上拉載入的效果 使用系統提供的onPullDownRefresh、onReachBottom這2個事件, 前提需要在app.json或page.json配置檔案中設定,才能使用。 app.json是全應用的頁面都可以使用該事件

詳細的程式學習筆記(從入門到專案)

微信小程式(1) 準備工作 1 獲取 AppID(小程式ID) 登入微信公眾平臺,新建一個郵箱,避免舊有的郵箱有註冊過公眾號等.無法獲取. 進行小程式的註冊. 選擇個人, 然後填寫資訊.進行登入之後, 在首頁, 設定中. 然後點選開發設定 進行獲取

程式學習文件

來自於w3c的:                     https://www.w3cscho

程式學習筆記二(持續更新)---程式網路請求封裝

寫小程式的你是否已經厭倦了傳送網路請求的wx.request?接著看吧。。。 一、目錄結構 在專案同級目錄下utils資料夾裡新建一個fetch.js檔案,(名字看自己喜好) 二、直接上程式碼 // 定義網路請求API地址 const baseURL = 'h

程式學習筆記(一)----程式入門簡介,開發者工具基礎使用

到現在學習小程式已經不早了,但是無論什麼時候開始都不晚,只要學就OK。 看到所有小程式開發的教程全部都是以註冊賬號開始的,但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了,而且本身這個過程也並不具有什麼技術性,實在是很多收費的教程視訊用來前期拖時間的一種方式

程式學習筆記四(持續更新)---征服scroll-view下拉重新整理

貼圖 大概實現這種使用swiper做tab切換,資料頁面下拉重新整理的效果。 官方提供的scroll-view作為容器,如果在scroll-view使用onPullDownRefresh實現下拉重新整理,會存在頁面重新整理卡,並且重新整理會出現在tab之上,使

程式學習之路(一)

1、前言 微信小程式所使用的是騰訊自己開發的MINA框架,MINA框架跟主流框架有很大的相似之處,是一個MVVM框架,很慶幸本人先前有學過一點點VUE所以入門MINA框架還算比較順利,由於需要完全熟悉MINA框架我還需要學習很多,所以微信小程式學習之路篇打算一

程式學習筆記(三)----初識程式程式碼、輪播圖實現

從這一節開始我們就開始接觸小程式前臺程式碼了,其實前臺邏輯還是比較簡單的,學習難度比學習一個前端框架難不了多少,記得以前一開始學前端框架的時候,流程就是:熟悉一下--檢視元件--找到要用的--複製貼上,其實對於大部分人來說,小程式前臺也是一樣。 首先,我們可以先看下小程式的

程式 互動過程中物件陣列賦值

舉個例子 這個留言框在wxml頁面只寫了一個 但是如果是多店鋪的購買 他就會迴圈出現多次  每次輸入店鋪留言 只會儲存最後一個input的內容但是後臺要拿到多個內容 <!-- 留言 --> <view class='conten

程式學習筆記(六)----實現簡單的文章列表(圖文列表)效果

寫這個之前我在網上搜了一下,想要先找一個合適的樣例對著寫一下,這樣還簡單一些,但是找了找沒有找到我心裡面比較合適的,所以乾脆就直接自己寫一下,沒有做什麼過多的修飾,實現起來還是很簡單的。 首先來上一下效果圖: 基本就是這樣的簡單的圖文效果,程式碼也非常簡單,如果有標題