前言

最近都在做微信小程序，有踩一些坑，總結了一下

一、關于登錄

app.js

在app.js文件中有一個onLaunch方法，小程序啟動的時候會調用一次，可用來判讀用戶是否登錄，登錄狀態是否失效
判斷是否登錄官方例子

二、css一些布局或樣式問題

1.頁面背景

整屏的背景可在wxml對應的wxss設置page

page {display: block;height: 100%;background: url("https://XX.XXX.cn/bg.png") no-repeat center;background-size: cover; }

2.wxss中寫css需要注意的地方

wxss中的背景圖不能是本地的，一定要網絡圖片。

單位最好是用rpx

不需要寫加前綴的樣式

不支持復雜的選擇器方法，比如說+、>，支持的選擇器方法可以嵌套，但是最好要避免不要嵌套太多層
具體選擇器支持方法

三、普通html轉小程序(js部分基本都要重寫，可復制不多)

1.html轉wxml

a.像div、h1、h2、section等塊級元素全部轉為view標簽
b.像span、i、em等行內塊級元素全部轉換轉為text標簽
c.img轉為image
d.a轉為navigator
e.其他內容參考組件修改，表單基本都有對應的組件

2.css轉wxss

a.選擇器復雜的需要修改
b.標簽名需要修改成對應的（經驗告訴我們下次最好不要用屬性選擇器，用類選擇器！！）
c.如果原來是用less寫的rem單位，可以直接把rem全部替換為*100rpx，圖片的域名不變部分最好也提取出來，不然正式的話改一遍域名也是很痛苦的

3.詳情頁轉換

一般后臺的詳情內容都是html的，這就比較坑了，不過網上有一些轉碼的插件
現在可以插入頁面了，不過我還沒有試過，下次試試再說

路徑

1.跳轉路徑

小程序中可以用相對路徑：'../../redirect',
也可以用絕對路徑:'/page/index/index'。

2.彈出框路徑

wx.showToast(OBJECT)這個路徑只能是本地路徑，不支持網絡圖片

3.小程序綁定公眾號后按鈕綁定小程序里面的頁面

小程序綁定公眾號后按鈕綁定小程序里面的頁面:'pages/login/login'

總結

暫時只想到這么多需要注意的地方，其他的下次想到再更

總結

以上是生活随笔為你收集整理的微信小程序开发总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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