小程式學習筆記-2.基礎框架
一、wxml模板
1.1標籤與屬性:
每個元素都可以有子元素;
1.2資料繫結
1.概念:動態改變渲染介面的能力;
2.語法:Mustache語法,雙大括號;
3.分類:
內容繫結;js中data裡面定義
元件屬性繫結:<view id='item-{{id}}'></view>
動態樣式、寬度、長度;
邏輯語法:在{{}}內包含運算子進行簡單運算
三元運算子、算術運算、字串運算、資料路徑運算;
相關推薦
小程式學習筆記-2.基礎框架
一、wxml模板1.1標籤與屬性:每個元素都可以有子元素;1.2資料繫結1.概念:動態改變渲染介面的能力;2.語法:Mustache語法,雙大括號;3.分類: 內容繫結;js中data裡面定義 元件屬性繫結:<view id='item-{{id}}'>
微信小程式學習筆記(一)之框架及工具
文章目錄 一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式 二、App()函式使用
微信小程式學習筆記(一)----微信小程式入門簡介,開發者工具基礎使用
到現在學習小程式已經不早了,但是無論什麼時候開始都不晚,只要學就OK。 看到所有小程式開發的教程全部都是以註冊賬號開始的,但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了,而且本身這個過程也並不具有什麼技術性,實在是很多收費的教程視訊用來前期拖時間的一種方式
微信小程式學習筆記(4)--------框架之邏輯層
邏輯層 邏輯層(App Service):小程式框架的邏輯層是由JavaScript編寫的,邏輯層將資料進行處理後傳送給檢視層,同時接受檢視層的事件反饋。 App進行程式註冊,Page進行頁面註冊 getApp獲取App例項,getCurrentPage
小程式自學筆記(零基礎學小程式彙總)---史上最全的微信小程式學習筆記,筆記看我你也就學會小程式了
一,建立模組化工具類我們可以將一些公共的程式碼抽離成為一個單獨的js檔案,作為一個模組。模組只有通過module.exports才能對外暴露介面。微信官方給出的demo中列印儲存log日誌用的utils.js用的就是模組化// common.jsfunction sayHe
微信小程式學習筆記(2)----HelloWorld分析
寫在前面 IDE結構 上圖是微信開發工具自動生成的一個HelloWorld,微信小程式的開發、除錯都在這個工具中完成,相比於eclipse、Idea之類的Idea,小程式顯示功能比較少,沒多少選單。 編輯 編輯選單中是存放程式碼的,可以建
小程式學習之旅----基礎內容元件icon 、text 、rich-text、progress
Page({ data: { motto: 'Hello World', nodes: [{ name: 'h2', attrs: { class: 'h2_class', style: 'line-height: 60p
微信小程式開發筆記2——自定義導航欄元件
本文主要是熟悉微信小程式自定義元件的開發,以一個常見的導航欄(Tabbar)需求為例。 官方文件:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 首先我們先看一
devopen.club微信小程式學習筆記
同一個使用者 進入不同的小程式 所產生的openid是不一樣的 是使用者的唯一標識 同一個使用者關注了不同的公眾號(小程式),同一個使用者對應一個unionid 如果用迴圈的話 就用block標籤 會迴圈裡面的標籤 不會出現重複多餘的標籤 如果用view就會每層外面
小程式學習筆記:小程式百度地圖例子的執行
微信的小程式結構升級很快,百度的小程式demo不能直接運行了。 首先下載小程式——百度地圖的例子。https://github.com/baidumapapi/wxapp-jsapi 1、設定微信公眾平臺——小程式——設定——開發設定。 修改伺服器域名,reques
微信小程式——學習筆記(三)檢視層(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"]
微信小程式學習筆記(八)本地資料快取
上一篇:微信小程式學習筆記(七) 【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例,把登入成功返回的token值儲存在本地快取中,然後讀取快取中的token: login.php: <?php
小程式學習筆記一
1. 生命週期和相關函式 Page({ data: {}, // Page 例項的生命週期函式 onLoad: (option) => { // 頁面初次載入時候觸發,只會觸發一次 console.log(option.id) // 1
小程式學習筆記 -- 收藏, 點贊功能
目前很多的視訊或文章下面可以收藏點贊等 按照一般的邏輯來說: 點贊可以不用登陸, 這樣方便遊客點贊, 但是呢只能點一次贊 收藏則需要登陸, 因為每個人的收藏內容是不相同的, 只有從收藏夾中才能看到自己收藏了哪些內容 點贊分析: 小程式如果沒有登陸, 那麼怎麼區分
詳細的微信小程式學習筆記(從入門到專案)
微信小程式(1) 準備工作 1 獲取 AppID(小程式ID) 登入微信公眾平臺,新建一個郵箱,避免舊有的郵箱有註冊過公眾號等.無法獲取. 進行小程式的註冊. 選擇個人, 然後填寫資訊.進行登入之後, 在首頁, 設定中. 然後點選開發設定 進行獲取
小程式學習筆記:迴圈陣列並顯示內容
使用上一篇中的條件渲染框架。 index.js: //index.js //獲取應用例項 const app = getApp() Page({ data: { boolean: fa
微信小程式學習筆記二(持續更新)---小程式網路請求封裝
寫小程式的你是否已經厭倦了傳送網路請求的wx.request?接著看吧。。。 一、目錄結構 在專案同級目錄下utils資料夾裡新建一個fetch.js檔案,(名字看自己喜好) 二、直接上程式碼 // 定義網路請求API地址 const baseURL = 'h
小程式學習之旅----基礎知識
<view wx:if="{{flag}}"> <text> view 當作div text 當作span 繫結資料--{{message}} 繫結物件--{{obj.name}} 條件判斷wx:if='{{