本課程屬于?微信小程序?A計劃，不單獨售賣，加入 A 計劃可免費觀看本課程及所有?微信小程序?收費課程~

微信小程序 A計劃永久有效期購買鏈接：

http://www.sikiedu.com/classroom/15/introduction

> 課程簡介

SiKi學院微信小程序開發交流群：773900925 歡迎同學們加入，老師在這里等大家一起來學習(玩耍)！！！
? ? ?? 我們在開發的時候，往往會遇到很多重復性的東西，這時候學會封裝和使用框架，就變得尤為重要。因此本門課程老師帶領大家學習如何快速上手微信小程序UI框架，幫助大家領略框架的效率。

? ? ?? 但是，框架也是人為封裝出來的，有優點，自然也有缺點，所以我們在開發的時候就需要靈活的去使用。在本門課程中，老師會首先給大家介紹一下UI框架如何使用，接著老師會帶領大家去做一款微信小程序，通過實際的運用幫助大家更好的掌握

課程目錄

01 課程演示

02 學前必讀和課程介紹

03 什么是UI框架

04 iView Weapp

05 下載源碼的三種方式

06 如何使用UI框架1

07 如何使用UI框架2

08 如何查看UI框架示例

09 項目包含的功能點和知識點

10 項目如何從0到1

11 引入圖片資源展示logo

12 通過塊元素修改圖片樣式

13 引用i-input輸入框實現登錄效果

14 自定義class類名

15 改變輸入框類型

16 通過類名定位到標簽

17 根據需求靈活使用UI框架

18 解決框架自帶的bug

19 input輸入框的三種事件

20 比較分析三種事件的優缺點

21 獲取輸入框的值

22 如何增強用戶體驗感

23 通過多個類名增強交互

24 this指針問題

25 Toast輕提示

26 通過JS主動調用組件

27 如何添加和修改屬性

28 手機號正則

29 密碼正則

30 微信小程序登錄流程

31 實現登錄流程和判斷

32 添加注冊入口

33 注冊頁面的標題

34 快速完成注冊頁面的結構

35 輸入條件

36 picker選擇器

37 輸入框內置選擇器

38 完成注冊賬號功能

39 tabbar的使用

40 如何跳轉到tabbar頁面

41 card卡片的使用

42 grid宮格的使用

43 宮格元素的添加和刪除

44 拆解宮格的樣式

45 退出登錄按鈕

46 靈活配置頁面路徑

47 實現方法共用

48 解決公共方法中存在的問題

49 如何清緩存

50 什么是箭頭函數

51 微信小程序本地存儲

52 登錄機制

53 退出登錄

54 引入modal模態框

55 如何提高樣式的優先級

56 探索UI框架的嵌套邏輯

57 修改信息彈框

58 通過中間變量完成數據處理

59 如何判斷數據類型

60 數據的處理過程

61 Badge徽章的使用

62 分析上傳類型的頁面結構

63 阿里巴巴圖標庫

64 如何實現文本域

65 文本域輸入計數器

66 課時條件

67 獲取當前時間

68 公用工具類的導出和引入

69 處理時間格式

70 發布課程類型

71 樣式調整

72 選擇圖片

73 圖片路徑數組

74 根據src屬性展示選擇的圖片

75 選擇圖片的規則

76 限制圖片上傳的數量

77 刪除圖片(1)

78 刪除圖片(2)

79 圖片的排列

80 圖片自動換行展示

81 圖片預覽

82 上傳文件

83 課程總結

觀看地址：

http://www.sikiedu.com/course/741

總結

以上是生活随笔為你收集整理的上传文件 微信小程序input_快速上手微信小程序UI框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。