微信小程式入門學習筆記

強烈推薦連勝老師的微信小程式開發的學習課程:https://www.imooc.com/learn/974
這是聽連勝老師的入門微信小程式開發課程所記的筆記,總結很粗糙,望諒解,有興趣小夥伴配合老師課程聽,這個只是為了節省大家記筆記的時間。




程式碼實現:目標圖如下

開始:


輪播實現:





使得輪播圖下面有更換圖片的點 知道是第幾張圖片:

繼續:

修改樣式:





index.js程式碼:

只有標籤才支援/n換行處理

wxml的事件:下拉提示選單都是繫結的事件 可參照學習:





加入頁面模組的編寫:目標圖如下:

1:

:2:


實現電話諮詢:目標圖如下:

實現電話諮詢--呼叫介面




三:關於API請求:勾選最後一項

從服務端返回資料:

列印出的變數:



二:關於基礎庫相容:

呼叫微信的api實現複製內容功能:


在js中寫copy方法:


切換到低版本1.0時,該複製功能實現不了:切換版本:

會報錯:

不支援時,最好給使用者提示:

檢視是否支援


三:關於不同頁面傳值方式:

傳值成功

在app.js中寫入:

獲取:

獲取成功:

能獲取就能設定:用同步的方式去設定引數:另一種傳值方式--不在利用url傳值:

同樣 用同步的方式獲取資料:


這是聽連勝老師的入門微信小程式開發課程所記的筆記,總結很粗糙,望諒解,有興趣小夥伴配合老師課程聽,這個只是為了節省大家記筆記的時間。
相關文章
- 微信小程式學習筆記微信小程式筆記
- 微信小程式開發學習筆記[3]微信小程式筆記
- 微信小程式開發學習筆記[4]微信小程式筆記
- 微信小程式開發學習筆記[2]微信小程式筆記
- 微信小程式--學習筆記(思維導圖)微信小程式筆記
- 入門微信小程式 (一)微信小程式
- 微信小程式入門教程微信小程式
- 微信小程式學習微信小程式
- 微信小程式從入坑到入門微信小程式
- 微信小程式Renard學習微信小程式
- 微信小程式入門與實踐微信小程式
- 微信小程式入門到實戰(三)微信小程式
- git入門學習筆記Git筆記
- Docker入門學習筆記Docker筆記
- Unity學習筆記--入門Unity筆記
- TS入門學習筆記筆記
- 【PostgreSQL】入門學習筆記SQL筆記
- JavaScript入門學習學習筆記(上)JavaScript筆記
- 微信小程式學習:雲開發微信小程式
- 微信小程式入門教程之四:API 使用微信小程式API
- HTML入門學習筆記(二)HTML筆記
- React入門指南(學習筆記)React筆記
- pandas 學習筆記 (入門篇)筆記
- Go 入門指南學習筆記Go筆記
- MySQL學習筆記---入門使用MySql筆記
- Dubbo學習筆記(一) 入門筆記
- JavaScript入門-學習筆記(一)JavaScript筆記
- 邊做邊學入門微信小程式之仿豆瓣評分微信小程式
- mpvue開發微信小程式踩坑筆記Vue微信小程式筆記
- 微信小程式登入微信小程式
- 對比學習Vue和微信小程式Vue微信小程式
- 微信小程式入門教程之一:初次上手微信小程式
- 微信小程式開發小記微信小程式
- JavaScript學習筆記1—快速入門JavaScript筆記
- iOS學習筆記39 ReactiveCocoa入門iOS筆記React
- redis學習筆記1: Redis入門Redis筆記
- webpack 學習筆記:入門介紹Web筆記
- node 學習筆記 基礎入門筆記