原创 transform 、transition 和 animation 的區別
transform 是靜態屬性,設置了就會立馬生效,比如給容器設置 transform: scale(0.8) , 渲染的時候會直接使容器變小 具體用法 transition transition 屬性是一個簡寫屬性,用於設置四個
原创 uni-app 如何語言國際化/多語言處理
應用內國際化處理 可以使用 vue-i18n 插件,詳細使用方法查看官方文檔 npm 安裝 npm install vue-i18n --save 在 main.js 中引入 import Vue from 'vue'; imp
原创 如何給通過 uniapp 生成的 h5 通過 url 傳遞參數
需求描述: 外鏈的 h5 是通過 uniapp 生成,然後將此 h5 內嵌在 uni-app 的 webview 中,通過在該 h5 鏈接拼接上參數傳遞給 h5 在 h5 中提取 url 參數的辦法: onLoad() {
原创 uniapp 如何禁止或監聽默認返回事件
頁面生命週期有個 onBackPress 方法,可以監聽返回事件 onBackPress(event) 返回 event ={form: backbutton | navigateBack} Android 實體返回鍵 (fro
原创 uniapp 之 nvue 填坑之路 —— 在 ios 真機運行時在 page.json 下給 nvue 頁面配置 pullToRefresh 下拉刷新會導致 app 卡死
在 ios 真機運行下,給 nvue 頁面配置 pullToRefresh 會導致 app 卡死退出,其他情況正常,即 android 真機運行環境以及 vue 頁面正常 解決方法:去掉 nvue 頁面的 pullToRefres
原创 uniapp 之 nvue 填坑之路 —— 如何去掉 nvue 頁面 ios 下拉刷新時自帶的回彈效果
uniapp 文檔有以下這句話,這句話是我向官方提了 bug 後加上去的 .nvue 頁面僅支持 titleNView 配置,其它配置項暫不支持 其實 bounce 配置也起作用,只需要設置 “bounce”: “none”,
原创 css 如何消除 image 圖片的間隙
給 image 添加樣式 {display: block }
原创 js 實現事件分發系統,要求包含三個最基本功能 on (監聽事件), off (移出事件), emit (觸發事件)
封裝 EventEmitter class EventEmitter { constructor() { this._events = {}; } on(event,callback) {
原创 微信小程序或 uni-app 的 swiper 組件的自定義指示點,可以在輪播圖外顯示指示點,樣式自定義
自定義指示點組件 // swiperDot.vue <template> <view class="dot-main"> <view :class="['dot-item',current==index?'active':
原创 uniapp app 端調微信支付接口
uni-app 官方文檔支付接口如下: uni.requestPayment({ provider: provider, // wxpay、alipay orderInfo: 'orderInfo', //微信
原创 weex 中如何寫一個全屏遮罩層
.mask { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color:rgba(0,0,0,0.2); }
原创 .nvue 轉換成 vue 頁面
將 nvue 的代碼 copy 到 vue 頁面 將 nvue 獨有的標籤換成相對應的 vue 頁面標籤,比如 div --> view,slider --> swiper,還要加上 swiper-item,看具體用法
原创 支付寶支付接口客戶端調試工具使用教程
轉自支付寶支付接口客戶端調試工具使用教程 作爲一個苦逼的服務端開發對接支付寶接口需要客戶端的同學配合測試才能知道自己的請求參數是否沒毛病。如果客戶端的同學沒時間或者不在,可能還要自己自己搭建環境進行進行測試。現在您只需要使用一
原创 js 將字符串複製粘貼到剪貼板
第一種:只適用於複製 input 和 textarea 中的內容,對於其他標籤的複製就不能用了 // html <!DOCTYPE html> <html> <head> <meta http-equiv="C
原创 weex 中如何設置 寬度自適應文本寬度
weex 中 text 組件目前還不支持自適應寬度,經過自己摸索,有三種方法可以嘗試 方法一:通過給 text 添加樣式 {align-self: flex-start / center / flex-end},三個值看需求選,就