原创 vue路由裏面的 router.push(),router.replace(),router.go()

        之前在項目中用push和go用的比較多,沒怎麼注意到replace的用法。之前還一直在想爲什麼vue沒有一個像微信小程序路由裏面的wx.redirectTo一樣的路由方式,原來是自己沒有注意到。 一、router.push

原创 微信小程序 安卓報錯 fail ssl hand shake error

在開發完微信小程序正式上線的時候,更改各種地址爲線上地址後,android端打開調試工具發現報錯fail ssl hand shake error,ios和微信開發者工具都沒有問題。經查資料主要是後臺服務器的證書問題。後臺處理好證書就好了

原创 webAPP/移動端一些樣式設置

1、在webAPP裏面禁止文字選中複製功能,只要設置一下樣式即可 *{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user

原创 vue離開頁面清除定時器

<script> export default { name:'test', data(){ return { time: 60,

原创 vue父子組件之間的通信

一、父組件傳值給子組件 1.子組件,首先定義一個子組件,然後在子組件中註冊props,然後創建一個名爲infos的屬性,用來接收從父組件傳過來的數據 <template> <div> <div>{{infos}}</div>

原创 css實現居中

一、行內元素居中:     1、水平居中:父元素設置:text-align: center;     2、垂直居中:行內元素設置:line-height: 父元素高度;     3、水平垂直居中:綜合1和2; 二、行內塊元素居中:   

原创 vue--js實現倒計時

data(){ return{ isEnd:false,//倒計時是否結束 endTime:'2018-10-29 08:00:00',//應爲接口獲取到的結束時間 } }, created(){ let

原创 CSS3 ------- object-fit屬性

做項目經常會遇到圖片列表展示,圖片一般是用戶從後臺上傳的,上傳的圖片尺寸千差萬別。如果前端不控制圖片大小,整個排版就會很亂,如果給定長寬,圖片又會變形,用背景圖片來處理有特別麻煩。這個問題一直苦惱了我好久,最近終於找到解決辦法了。 css

原创 vue項目使用百度分享

又開始新項目啦,這次的項目有分享功能,第一想法就是使用jiaThis,寫到分享這裏馬上去百度jiaThis。首先官網打開是空的,然後繼續搜索看到關於jiathis的新聞,原來jiaThis2018年4月30日起關閉了旗下的“友言”業務、旗

原创 vue--登錄

總算啃完一個項目的大頭部分了,後面會慢慢記錄在這個項目中遇到的問題以及解決辦法。 今天要寫的就是登錄模塊了,項目裏面有些頁面不登錄就可以查看,有些必須登錄才能查看。我的解決方法是通過路由防衛來實現的,這裏拿登錄、首頁和個人中心頁面來記錄一

原创 vue項目引入vux組件

搭建好vue項目後,這邊主要做的手機端,綜合比較後決定引入vux組件 1.安裝vux npm install vux --save 或者使用 yarn yarn add vux // 安裝 yarn upgrade vux // 更新

原创 圖片/視頻上傳轉成base64/blob格式

項目中經常會用到上傳圖片/視頻的地方,比如上傳頭像,上傳商品圖片、證件圖片、小視頻等等,我們需要將圖片轉爲 base64後再提交給後臺,然後後臺再將base64轉成圖片後進行保存,這裏是基於vue+vux來寫的,H5實現的基本邏輯也是一樣

原创 vue--創建項目

1.由於vue項目依賴 node.js 和npm ,需要先安裝好這兩項 可以通過npm -v  和node -v查看對應的版本號 2.安裝好node.js和npm後來安裝vue npm install -g vue-cli //-g

原创 微信小程序--兩個小程序之間攜帶數據跳轉

1. 首先根據官方文檔給出的,有一個前提就是兩個小程序必須是同一個公衆號下面的。 2,假設從小程序A跳轉到小程序B。在小程序A裏面,給相應的事件裏面調用wx.navigateToMiniProgram(),appId填寫另一個小程序的ap

原创 微信小程序-canvas繪實現貼紙效果

在做微信小程序時,碰到一個需求,要求用戶上傳一張照片進行裁剪,選擇貼紙後生成一張圖片,這裏來分享一下我實現的方法。一.結構部分1.首先是將原始圖片放在movable-area組件內部,原始圖片保持與movable-area 相同高寬,(說