原创 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(即面板)出現。再次點擊“覈算”或