小程式基礎操作理論-----個人觀點
小程式基礎
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/)
這裡說一下 其中的有意思 的標籤吧;(
比如 按照文件解釋來說 可以使用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
官方說的還是比較詳細的,這裡就不一一敘述了;