原创 css3實現微信小程序紅包雨
最近公司需求做一個微信紅包雨功能,網上搜索到的基本都是用的canvas,對於canvas不是很熟練,於是用css自己寫了一個,這種方式對於蘋果機效果很好,但是在安卓機上會出現卡頓的情況,幾番優化,還是會有一點點卡頓,廢話不多說,上
原创 uni-app和mpvue對比開發小程序?
最近在研究uni-app,因爲公司要同時準備做小程序和H5,網上對比了一些框架,發現uni-app是比較適合這種開發的,下面拿原生代碼和uni-app還有mpvue這三種框架做對比,你就知道爲什麼了: uni-app是遺傳了原生小
原创 vue 底部導航組件
不喜歡羅裏吧嗦,拿過去直接能用: <template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:ind
原创 jq圖片高度隨着寬度按比例變化
這樣就好了 var ratio = 0.8;/*此處是寬高比例*/ var liWidth = $('.wrap ul li').width();/*括號中爲父元素選擇器*/ var liHeight = liWidth * ra
原创 移動端屏幕自適應(筆記)
首先單位自適應,使用rem做單位,rem根據根標籤來決定,若html的font-size爲50px;那麼1rem就是50px; 然後我們在根據屏幕大小來給html定義font-size;把以下代碼寫到index.html中
原创 axios封裝並攜帶自定義請求頭(筆記)
import axios from ‘axios’ // 創建axios實例 const service = axios.create({ baseURL: process.env.BASE_API, // api的base_ur
原创 時間戳轉換爲具體時間(筆記)
function formatNumber (n) { const str = n.toString() return str[1] ? str : 0${str} } export function formatTime (da
原创 mpvue開發小程序不同分辨率手機間樣式變形
衆所周知,微信小程序有自己的像素單位“rpx”,這個單位是一個自適應的單位,不管你在用什麼手機,他都能根據你的手機分辨率去調整這個單位的大小,所以一般用原生小程序代碼寫小程序的時候是不用考慮各個手機之間的自適應的問題的,那麼如果我們用
原创 Vue-cli腳手架工具使用方法
說到vue,那麼大家一定會想到vue-cli,那麼vue-cli如何使用呢?廢話不多說,進入正題: 首先我們需要在我們的電腦上安裝node.js和npm,大家直接到百度去搜索node.js然後下載安裝就好了,一般情況下,node.js
原创 vue.js父子組件間如何傳遞參數以及子組件的事件監聽
html如下: <div id="app"> <input type="text" v-model="inputValue"/> <button @click="handlClick">提交</butt
原创 微信小程序之生成專屬推廣海報
現在老闆一般都需要線上推廣功能,通過給用戶好處來刺激用戶裂變分銷,這就需要我們給用戶生成專屬的推廣海報 因爲小程序的用戶uid是唯一的並且是不變的,所以我們後臺大哥就以用戶的uid作爲生成專屬二維碼的圖片名稱,這裏我們用canvas
原创 微信小程序異步處理promise使用方法
微信小程序異步處理我使用的是promise處理,這樣能夠讓小程序執行起來邏輯更加清晰明瞭,示例代碼如下: let promise1 = new Promise(function (resolve, reject) { wx
原创 wx.previewImage圖片加載不出來
wx.previewImage是微信提供的圖片預覽api,在使用是發現一個小問題,在預覽本地圖片是點擊無法加載,把本地圖片換成網絡圖片時就可以正常顯示: wx.previewImage({ current:"../../img/ba
原创 無法保存圖片到系統相冊?
今天在寫小程序保存小程序圖片到本地相冊的時候發現怎麼都保存不了,但是調試模式和模擬器模式都沒有問題,先上代碼: wxml如下: <button form-type="submit" bindtap='save' class='s-bt
原创 form表單的提交以及觸發方式
小程序裏面有form表單組件,提交表單通過button提交,在form標籤裏添加bindsubmit事件,然後在button標籤裏面添加觸發bindsubmit事件的屬性:form-type=“submit”,就可以將表單提交到服務器