1. 程式人生 > >小程式基礎操作理論-----個人觀點

小程式基礎操作理論-----個人觀點

小程式基礎

1,小程式的構成

  wxml (文字頁面),

  wxss (文字頁面樣式)

  js (js)

  JSON (這是個好東西)  :在當前頁面設定一些自己獨有的屬性,設定;

    比如:設定標題名稱 (navigationBarTitleText),標題背景色,標題文字顏色等等有限的小程式註明的樣式,(https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE)

  PS:在這裡註明一下  小程式  有兩種配置 :①全域性配置 (app.json);②頁面配置(xxx.json;ps:頁面配置的優先順序高於全域性配置,當頁面與全域性衝突,以頁面為準)

      顧名思義:所謂的全域性配置就是  你在app.json中配置屬性,所有的頁面都會以app.json的配置來顯示;----  然後,所謂的頁面配置  就是你所在的頁面配置了;

2,小程式嘛  他是有自己的一套路子的  所以呢,在小程式裡面呀,他將標籤都自己設定好了;這就很神奇;沒有了h5那麼多樣化的標籤,記憶,編寫起來確實方便不少,

  小程式中的標籤還是很便利的,因為他很多都帶有自己的一些屬性;(具體還是很多的,就不一一列舉了:  https://developers.weixin.qq.com/miniprogram/dev/component/)

  這裡說一下  其中的有意思 的標籤吧;(

rich-text  富文字標籤  ----所謂的富文字  就是 你可以通過 js把H5的一些標籤在小程式的頁面上展示出來;當時我看到這個東西很激動呀,這是好東西呀,然而...等我使用的時候才發現,原來這就是個坑呀

    比如  按照文件解釋來說   可以使用H5的標籤對吧  那我編寫小程式有了很多便利啊 

       跳轉網址什麼的就變得很舒服了,於是我開開心心的去搞了一個  a 標籤,加上了 href  我幻想著自己可以跳轉網址了 哈哈哈;

       但是啊  到了我真是頁面上  我發現   這個 a 標籤啊   O(∩_∩)O哈哈~  除了跳轉功能  其他都能用...   #¥$#¥$%

    這就是微信小程式跟我開的一個玩笑嘛。。。。

  還有  webview  標籤  很舒服的一個標籤(官方描述來說)

    我但是專案需求  內嵌 H5  頁面;當時百撕不得騎姐,我說這小程式該怎麼內嵌H5啊  ;

    後來我通過度娘  瞭解到  小程式有個叫  webview 的好東西  哎呀 激動呀  

    然後我滿心歡喜的去頁面上  寫出webview  加上src   然後儲存  重新整理 ;哈哈哈   果然啊  H5頁面出來了 ;但是!!!!!!!我頁面上的其他東西呢?!!

    後來去看文件發現   原來這個東西  所說可以跳轉網頁   但是  他就類似一個 自動跳轉的  a 標籤一樣;   他會將你整個頁面都頂掉,只顯示你嵌入的H5頁面  這就很尷尬呀;

    然後把  你可以  把 webview  跟這個  rich-text  結合一下  發現  你其實可以內嵌 H5網頁  但是  你缺 丟失了很多 H5 事件  ;

    很坑呀   ,我哭....................

3,小程式是一個集合Vue ,react 的 生成物(兩人的私生子),其用法包含JS(這是肯定的),Vue的語法,部分react 語法都可使用;但是我個人使用過程中只有在使用元件的時候才會涉及Vue,react的語法;

  小程式的元件化連線:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html   

  官方說的還是比較詳細的,這裡就不一一敘述了;