原创 前端上傳圖片轉base64編碼添加水印並壓縮指定大小

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 vue-cli2前端代理設置

查看訪問的域名或者ip是否可以連接; cdm運行 $ping ip; 沒有異常提示就是可以連接; 一.vue-cli 2.x配置代理; cd config/index.js文件夾

原创 從零開始部署項目到阿里服務器

前提:因爲我的項目後端使用的是nodejs+mysql+nginx(代理端口).所以這三個我都需要在服務器上安裝. 1.購買登錄阿里雲.  2.在安全組配置裏面克隆配置數據庫的專用端口3306和xftp的21端口,xshell的22端口

原创 vant的picker組件自定義三級聯動

任何組件都有自己的要求,按照要求來做,就沒有問題;vant的picker組件一樣,昨天接到一個需求,地址信息是一個三維數組(一維數組請參考上一篇文章);需要自己做聯動,vant組件又要求values只能傳string類型的數組,沒辦法,既

原创 將一維數組格式化三維數組

這是一個地理位置的一位數組,現在需要格式化成自己更好操作的三維數組; 觀察發現其實這個一維數組是有規律的,省份的surperId全部都是0;市的suserId又對應省的id,區的 suserId又對應市的id;這樣就很好寫了; 首先,創

原创 封裝axios,統一處理錯誤返回

index.js: /** * 封裝axios get post請求的工具(統一處理錯誤信息提示,只有在res.failBack爲false時才能真正的獲取到數據) */ import axios from "axios"; imp

原创 微信小程序連續獲取用戶信息和手機號授權

首先,定義一個彈出授權的組件:getPhoneNumTip; 1.引入組件json; "usingComponents": { "getPhoneNumTip": "/components/getPhoneNumTip/getP

原创 常用的代碼片段(CSS篇)

超出兩行顯示省略號  display: -webkit-box; /* -webkit-box-orient: vertical; */ /*! autoprefixer: off */ -webkit-box-orient: vert

原创 微信小程序封裝(多)圖片上傳

1.uploadImg.js /** * (多)圖片上傳方法(該方法接受一個options:需要什麼就傳什麼) * @url: string,上傳的路徑(非必傳)) * @count: number,允許單次上傳的數量(非必傳:1

原创 比較“神奇”的兼容問題

一.日期轉時間戳; 蘋果手機不能轉化"YYYY-MM-DD"  只能轉化"YYYY/MM/DD";安卓都可以轉化; 二.小程序的靜態圖片名字不能亂取; 有一張白色的靜態圖偷懶就把文件名改成了fffbgi.jpg,模擬器上面沒有一點問題,最

原创 常用的代碼片段(JS篇)

截取url多個參數(包括中文,中文傳輸需要使用encodeURI()方法包裹url) getUrlRequest(url) { url = decodeURI(url); let

原创 原生JS的滾動輪播插件(簡單實用版)

直接上代碼先看效果,不依賴任何庫,需要的直接複製這個swiper類就可以了,結構可以繼續嵌套,樣式可以自行修改! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

原创 H5生成二維碼及保存

1.引入qrcode.js;  鏈接 2.創建html結構 <div id="qrcode"></div> 3.生成二維碼對象; new QRCode(document.getElementById("qrcode"),url); u

原创 學習使用Nuxt.js

Nuxt.js是什麼? Nuxt.js 是一個基於 Vue.js 的通用應用框架。 通過對客戶端/服務端基礎架構的抽象組織,Nuxt.js 主要關注的是應用的 UI渲染。 爲什麼要用Nuxt.js? 普通的SPA(單頁應用)不利於搜索引擎

原创 微信小程序手機授權及解密手機號碼

寫在前面的話:按照以下方法可以在模擬器和安卓手機上成功解密,但是在iphone的真機上會報錯.所以建議還是由後臺來進行解密更好. 業務場景 : 微信小程序獲取用戶手機號碼; 說明:微信小程序獲取手機號碼只能通過button觸發,且不可通過