微信小程序(整體認識於實用)

一丶公衆號類型 :

　　(1)  訂閱號 : 簡單發送消息 , 達到宣傳效果

　　(2)  服務號 : 獲取更多功能 , 提供更多服務

　　(3)  小程序 : 提供相似手機 APP 的服務體驗

　　(4)  企業微信 : 企業內部辦公

 

二丶微信公衆號平臺 和 微信開放者平臺區別 :

　　(1)  公衆號平臺傾向 前端開發工程師

　　(2)  開放着平臺傾向 後臺開發人員 || 移動端開發人員

 

三丶 app 和 小程序 之間的區別 :

　　(1)  小程序是基於微信APP 上 的一個分支 

　　(2)  小程序   方便  體積小 成本小 

　　(3)  性能相對原生 APP 要差

 

四丶 默認的項目結構 :

　　(1)  app.js    小程序入口文件

　　(2)  app.wxss    小程序全局的樣式

　　(3)  app.json     小程序全局的配置文件

　　(4)  project.config.json    小程序的一些配置項 

　　(5)   pages   [  主要放的是頁面   ]  丶    [ 小程序頁面的構成] {  .js   邏輯代碼  丶 .wxml  結構代碼  丶  .wxss  樣式代碼  丶  .json 當前頁面的配置文件

　　(6)  utils     工具的js

　　(7) assets     放一些靜態資源的 

　　(8)  components      自定義組件的

 

五丶 小程序 經常使用的組件 :

　　(1)  text       文本組件  [ selectable  文字是否能被選中]  ;  [ space   是否保留空格 ]  ; [  decode   是否解碼]

　　(2)  view     佈局組件  [  hover-class  設置點擊事件的樣式] ; [  hover-start-time 點擊的樣式延遲多久觸發] ; [   hover-stay-time 點擊的樣式保留多久] ; [  hover-stop-propagation  阻止事件冒泡] ;

　　(3)  button  按鈕         [  type 按鈕的類型]  ; [  size  按鈕的大小]  ; [  plain  是否鏤空]

　　(4)  input    輸入框     [  type  輸入框的類型]  ;  [  passwprd  密碼]  ;  [  max-length   最大的長度]  

　　(5)  image  圖片組件  [  src 圖片的路徑]  ;  [  mode   圖片截取或者縮放的模式]

 

六 丶 小程序的  wxss 文件 

　　(1)  什麼是 wxss  :  [  小程序中用來設置樣式的  ]  ;  [  針對css  wxss有拓展功能  ]

　　(2)  特色 :  [ 尺寸單位  :  rpx  把全部設備分爲  750 個rpx  ,  能夠解決屏幕適配的功能 ]   ;   [ 樣式的導入  :  @import ' wxss路徑 '  導入的好處能夠提升複用性  ,  抽取公共樣式  , 方便 @import 的導入 ]