原创 Uni-app登錄狀態管理（vuex）
https://www.cnblogs.com/edward-life/p/11181139.html 講的非常詳盡，一步一步指導講解
2020-07-01 01:09:31
原创 怎麼分別設置各個邊框的陰影效果box-shadow
各個參數的說明：（以上部邊爲例進行說明） 1. 對於上邊，沿x軸方向的偏移量顯然沒有意義，設爲0px； 2. 沿y軸正方向陰影進入div內部，不顯示，因此寫爲負數； 3. 模糊程度按需要自定； 4. 擴展半徑不要寫，或者寫成0px，這樣
2020-06-30 23:52:09
原创 使用nth-of-type來實現的小程序列表佈局小技巧
要實現這種佈局該怎麼做，這個水果列表是從後臺api得到的 通過wx:for循環出來的 如果不處理，會是這個效果： 要實現就需要將左邊的一列向上移，那麼怎麼才能只操作到左邊列呢？ 這裏我們可以用 .list-item:nth-of-ty
2020-06-30 23:52:09
原创 uni-app在手機上背景圖片不顯示
uni-app解決無法加載本地圖片的方法【動態加載背景圖片*唯一的解決辦法】 特別注意：千萬別忘記了【`url(${indexBackgroundImage})`】 <template> <view class="index" :s
2020-06-30 23:52:08
1
原创 js中的split()方法
就是一個按值分割字符串爲數組的方法： 例一： 如圖是將空格兩邊的字符串分割成了兩個元素'abcd'和'ef' 例二： 有人就會問，如果有多個相同的分割符呢？ 如圖分隔符就是e，可以這樣理解：將e看成數組中的逗號',' 有四個e
2020-06-30 23:52:08
原创 僞元素nth-child()與nth-of-type()有什麼區別
p:nth-child(4)指的是p元素的第四個兄弟元素，如果這個元素是p元素就會選中，如果不是就不會 p:nth-of-type(4)指的是第四個p元素 例： <p></p> <p></p> <a></a> <a></a> <!-
2020-06-30 23:52:08
原创 爲什麼給元素添加了z-index卻沒有效果
要想給元素設置z-index樣式，必須先讓它變成定位元素，即要設置position屬性，值包括relative，absolute，fixed 如果不想給本元素設置，那麼可以給他的父元素設置position屬性，效果是一樣的
2020-06-30 23:52:08
原创 微信小程序z-index在ios系統中失效
z-index並不是 通過數值的大小來判斷是否在上一層；只有在兩者處於同級的情況下，z-index大的就會在另一塊的上級。在微信小程序開發中的ios系統出現了這個bug，android手機都沒有出現，所以將兩者改爲同級，需要在上一層層級的
2020-06-30 23:52:08
原创 微信小程序彈窗會出現遮罩層滾動穿透的問題
1.如果彈出層沒有滾動事件，就直接在蒙板上加catchtouchmove="move" move:function(){}; 2.如果彈出層有滾動事件，那麼在彈出層出現的時候給底部的containerView加上一個樣式。 <vie
2020-06-30 23:52:08
原创 在JSON.stringify()（將對象等類型轉換成json數據的方法）上爬過的坑
JSON.stringify()在處理字符串的時候，會自動在字符串上再加一個雙引號，這樣如果你在另外一個界面獲取時，得到的會是""x""，而不是"x",特別是圖片的網絡地址這種時，圖片一直報錯，加載不出來，找這個錯誤心累。
2020-06-30 23:52:08
原创 CSS中相對定位relative跟絕對定位absolute的詳細作用
absolute： 首先講一下absolute, 設置absolute時他的父標籤一定要設一個relative，因爲absolute就是相對它來絕對佈局的，這個時候只能用top、left、right、bottom來進行佈局了,像margi
2020-06-30 23:52:08
原创 uni-app登陸成功跳轉到首頁後禁止回退到登陸頁面
用uni-app提供的接口uni.reLaunch(OBJECT)，跳轉之後可以關閉所有頁面，打開到應用內的某個頁面。
2020-06-30 23:52:08
原创 微信小程序scroll-view卡死 劃不動
一定要給scroll-view設高度，同時他的內容物的高度一定要設的比scroll-view高度高，不然就會出現卡死的情況 如果出現斷斷續續卡頓的情況，可以嘗試刪除window配置的這個屬性： // "enablePullDownRef
2020-06-30 23:52:08
原创 微信小程序怎麼在一個wx:for循環中遍歷兩個長度相同內容不同數組?
方法一： 將兩個數組合併成一個，當然這樣就沒有意義了 方法二： 用wx:for自帶的index來遍歷數組2 wx:for遍歷數組的時候是用{{list1}}，值是{{item}}，另外一個數組直接用遍歷的index取，比如{{list2[
2020-06-30 23:52:08
原创 uni-app怎麼實現雙擊返回退出app
uni-app提供了一個監聽返回按鈕的api：onBackPress(event) //監聽返回鍵 onBackPress() { uni.showModal({ title: '提示', content: '
2020-06-30 23:52:08