原创 ios與android上小程序跳轉兼容實現與封裝
項目中遇到的坑,在這裏記錄下: 一、需求: 在進行微信小程序分享時進行跳轉,這個跳轉有三種情況:小程序之間的相互跳轉、外鏈、鏈接;所以,接口中請求的數據有三種類型,用type標記,我這裏只是給個流程記錄下,沒有接口也行,自己去模擬
原创 wx.request請求封裝(微信小程序/uni-app)
距離做完項目很久了,騰出點時間,記錄下。爲了提高效率與可維護性,對其進行了一個簡單的封裝~ 一、目錄結構 二、三步驟 1、第一層封裝(config.js) 分別針對get與post進行一個公共wx.request請求的封裝;每個方法傳了
原创 uni-app中組件傳值
一、父組件向子組件傳值 通過props來實現,子組件通過props來接收父組件傳過來的值! 1、邏輯梳理 父組件中: 第一步:引入子組件; import sonShow from '../../component/son.vue'; 第
原创 swiper輪播圖息屏一段時間或快速滑動切換時出現瘋狂抖動
gitHub代碼下載:https://github.com/Syleapn/uni-app-swiper 以前做小程序項目的時候,沒專門測試人員,都是開發者自測,可能我的手機性能比較不錯(哈哈)或時機不對,總之沒發掘到這個bug;近期做項
原创 uni-app/微信小程序video組件層級過高覆蓋懸浮按鈕
uni-app/微信小程序video組件層級過高覆蓋懸浮按鈕: 一、出現的概率與場景 具有偶然性,即概率性出現,也針對一些手機,尤其在ios版本的一些手機上! 二、分析: 大體分析說明: 一般的解決方法是採用原生組件cover-v
原创 小程序自定義組件間傳值
一、父組件向子組件傳值 即WXML 數據綁定:用於父組件向子組件的指定屬性設置數據,僅能設置 JSON 兼容數據(自基礎庫版本 2.0.9 開始,還可以在數據中包含函數)。具體請看https://developers.weixin.qq
原创 小程序自定義組件與uni-app組件間傳值異同總結
微信小程序與uni-app組件間傳值總結(此處是常見傳值規律總結,除過特殊的,就像this.selectComponent) 1、父組件向子組件傳值 --- 》通過數據綁定 2、子組件向父組件傳值 ----》通過事件 一、父組件向子組
原创 微信小程序引用頁面調用組件內的方法
近期在做一個項目,小程序普通頁面調用引入組件裏面的方,網上看了很多資料,還是被粗心的自己給整哭了。所以做完項目記錄下: 一、demo結構 1>頁面index 2>自定義組件tx 二、如何定義一個組件 在tx.json中將compone
原创 swiper與scroll-view對比(實現水平slider)
小程序中實現滑塊水平滑動最常用的手段是:通過scroll-view去實現;但是,通過scroll-view實現的滑動可能有時並不是我們想要達到的效果,那麼,還可以通過swiper組件來實現,通過下面可進行同一個功能細節處不同的展示~ 一、
原创 vue中v-cloak最詳講解
一、在vue中,渲染普通文本有2種方式:{{}}與v-text,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na
原创 小程序中對應詳情頁的傳值
######## 2018.7.30/18:46 ######### 上一篇博文中已明瞭e.target與e.currentTarget的區別,詳情點這裏查看https://blog.csdn.net/syleapn/artic
原创 關於小程序 scroll-view 左右橫向滑動沒有效果(無法滑動)問題
對於小程序的scroll-view組件,有縱向滑動與橫向滑動2種。-》對於縱向滑動,只需要跟scroll-view組件一個固定高度即可;-》對於橫向滑動,一不小心就會出錯。因爲元素浮動有好幾種方法,下面可避免入坑!解決方法:轉摘自:htt
原创 詳解Html替換元素與非替換元素
前部分轉載自:詳解HTML行內置換元素與非置換元素的區分一般情況下,行內元素只能包含數據和其他行內元素,除非你可以對css進行更改,那就可以另說了。而塊級元素可以包含行內元素和其他塊級元素。這種結構上的包含繼承區別可以使塊級元素創建比行內
原创 視覺格式化模型中的各種框
首先,感謝博主doyeo(CSS探索之旅)!轉載自doyeo(CSS探索之旅)的視覺格式化模型中的各種框,具體戳這裏->視覺格式化模型中的各種框在聊這個話題之前,我們可能得先簡單說說 視覺格式化模型 這個概念。視覺格式化模型 的全稱是 V
原创 微信小程序中遮罩層的實現
近期在寫一點小東西,碰到遮罩層,今天把它總結下來,方便大家共同學習:有好幾種方法,今天先來第一種。準備工作:一張圖片:close.png 一、方法1先上效果: 點擊“覈算”以後,遮罩層出現,同時conts(即面板)出現。再次點擊“覈算”或