微信小程式新手填坑

2022-02-23 14:31:29 字數 456 閱讀 3683

在正文之前,先叮囑一句。著手專案之前請務必把手冊過兩遍,不求記住多少乾貨,但求知道裡面都有什麼東西。最起碼的要求,要用到的元件和介面,至少要知道有這麼個東西。不然,別人再有耐心講得再詳細,你也不見得學的進一二。

第二,      彈性布局,小程式說白了屬於移動端頁面,也就是要做成響應式布局。所以強烈建議使用flex彈性布局。剛開始有些不習慣,但是用上了就愛不釋手了。當然,你如果真愛盒子模型,那麼也不強求。

第三,   尺寸單位。小程式官方提供了rpx的響應式尺寸單位,肯定是最佳適配。只是某些不顯著的字型大小還是用px畫素比較合適,不然在小螢幕上會特別模糊。

第六,   基礎庫。小程式的編譯基礎庫有好多版本,每個版本都有相容和淘汰的功能元件。乙個不小心用了過時的或太新的版本,就發現某個功能退化了。所以,在開發工具裡除錯到上傳發布,千萬不要亂跳版本。建議選擇使用佔比更多的版本。

以上都是我感覺比較常見的「坑」,希望對各位有幫助。不喜勿噴!

關於微信小程式獲取view的動態高度填坑

wx.createselectorquery select box boundingclientrect function rect exec 如上,拿到了id為box的view,並獲取到了它的寬 高等屬性,此段 要放在onready函式中 注意 如果這個view的寬高是隨著內容而變化的話,這樣獲取...

微信小程式 setData 的坑

官網文件在使用setdata 設定陣列物件的某個元素的屬性時,是這麼使用的 page changeiteminarray function 使用了 array 0 text changed data 這樣的值。但在實際使用中,我們對陣列的中的某個元素的設定是動態的。即 我們通常應該是 array i...

微信小程式開發 踩坑

坑一 vm2507 1 sat feb 04 2017 21 46 27 gmt 0800 中國標準時間 渲染層錯誤 vm2507 2 syntaxerror invalid or unexpected token anonymous vm2507 2 vm2509 1 sat feb 04 201...