微信小程式實戰入門

2021-08-20 03:08:33 字數 992 閱讀 4306

一、簡介

參考:二、工程

參考:

quickstart/basic/file.html

工具設計介面可調整機型、顯示百分比、資料連線方式。

三、發布

個人上線了乙個木材材積計算器(兩天做的,有web前後端經驗很容易入手,有增加、共計、記錄功能)(審核很快,一天審核結束),後來發現已經之前有公司做了,尷尬,而且不知道如何盈利,就當練習了。

四、知識點總結

備註:沒有div,多了view、scroll-view等封裝性更強的元件。

js的page包括data、標籤屬性等,方法需在page外。

page(,

1、取代dom操作

var query = wx.

createselectorquery

();

query.

select

('#add

').boundingclientrect();

query.exec(function (res) );

2、標籤傳值

長度:'lengthinput'

>

m:增加

lengthinput

: function (e) ); },

additem: function (e) }

,內容自動改變 }

<

scroll-view

scroll-y="true">

items

}}" wx:key="*this">

}:長}m,直徑}cm,}根,}元/立方,}立方,}元

var items = this.data.items;

console.log(itemcount + "-" + onevolume + "-" + itemprice);

var item = ;

items.splice(0, 0, item);

this.setdata();

微信小程式入門到實戰(三)

上一遍文章的結尾介紹了小程式簡單的資料繫結方式,但是核心要知道 資料繫結,都是借用data這個屬性作為乙個中轉地,伺服器上面獲取的資料,經過處理,使用this.setdata 方法繫結到data屬性中的乙個變數,在通過這個變數繫結到頁面上面。接下來說一下資料繫結的其他用途 標籤的顯隱 前面說到,小程...

微信小程式入門到實戰(二)

上一文章裡面,我們實現了第乙個小程式頁面,並且了解到了一些小程式的知識,接下來繼續開始我們的學習。wx.redirectto wx.switchtab wx switchtab 路徑可得注意寫對,區分絕對路徑和相對路徑 絕對路徑 一般在前面加上 表示從根目錄開始往下尋找 相對路徑 相對於當前頁面來說...

微信小程式入門

標籤 view text 語法 條件渲染 view view else view 列表渲染 for wx key view for wx for item myitem wx for index myindex text 模板template 定義 template name temp view t...