原创 不需要下載插件的rem移動端適配方案,賊好用(以rem爲單位寫項目)

1、首先新建 rem.js 文件 放入靜態資源的文件夾中,rem.js 文件中放入一下代碼 ; (function(designWidth, maxWidth) { var doc = document, win = win

原创 vue項目中Toast字體過小,沒有邊距

1、前段時間在寫項目的時候使用 vant 組件庫比較多,在使用vant中Toast時,在Chrome中手機模擬中測試正常,但是當網頁放到手機中時字體顯示特別小,但是你在vue文件中怎麼添加樣式都沒有用; 2、問題的原因可能是我之前

原创 vue引用jQuery

在vue項目中,也有很多地方是要用到jQuery;例如:最近我在項目用要調用相機相冊,就需要了; npm或cnpm下載 npm install jquery --save //或者 cnpm install jquery --sa

原创 vue中sass的使用

一、在安裝sass 1、cnpm install node-sass --save-dev (安裝node-sass) 2、cnpm install sass-loader --save-dev (安裝sass-loader)

原创 禁止用戶縮放,以及IOS10及以上版本禁止縮放失效

這裏用VUE作爲演示: 禁止縮放,在 .html 裏面,頭部標籤meta裏面添加 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimu

原创 瀏覽器設置本地跨域,chrome

有的公司後臺沒有設置瀏覽器跨域,所以我們就要在本地設置瀏覽器跨域,我用的是谷歌瀏覽器,步驟如下: 1、找到谷歌瀏覽器的安裝目錄,如:C:\Program Files (x86)\Google\Chrome\Application,

原创 獲取地址欄指定參數

由於我用的是vue,在這裏僅用vue作爲示範: 1、新建一個js文件,名字隨便起,這裏以 geturl.js 作爲示範,代碼如下: export default { getUrlKey: function (name) {

原创 vue時間戳轉換

我個人在vue項目中遇到的時間戳轉換問題,是把轉換時間戳單獨作爲一個js文件,需要用的地方直接引用,這樣就不用多次在代碼中去寫了; 一、新建js文件 文件命名可以自己隨便命名,這裏就已 util.js 爲例 我是把此文件放入 /

原创 vue使用Base64編碼解碼

一、下載包 npm install js-base64 -S // 或者 cnpm install js-base64 -S 二、在你需要解碼(編碼)的文件中引用 let Base64 = require('js-base64'

原创 js判斷當前運行環境

var u = navigator.userAgent; var app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u

原创 控制v-for的循環次數

<div class="minus" v-for="(item,index) in infoList.coupons.slice(0, 3)" :key="index">滿{{ item.money_off }}減{{ item.

原创 vue打包一篇空白,背景圖片不顯示

一、打包之後一篇空白 1、dist目錄下文件的引用路徑錯誤 解決方案:在 config 文件下面的 index.js 文件中,找到這段代碼,把 assetsPublicPath: '/'改爲assetsPublicPath: '.

原创 IOS微信瀏覽器,軟鍵盤收起之後,頁面底部留白,或者彈窗的按鈕不可點擊

IOS端的兼容着實讓人頭疼,直接上圖, 問題一:ios微信瀏覽器,軟鍵盤收起後,頁面底部留白 在input框輸入之後,此時軟鍵盤已經收起,不難發現,頁面底部有一部分留白,但是你上下滑動一下屏幕就正常了, 問題二:頁面無法正常點擊

原创 使用vue-cli搭建項目的流程

一、首先檢查node版本和npm版本 1、打開控制檯輸入 node -v 查看vue版本,輸入 npm -v 查看版本; 2、安裝 淘寶鏡像,也可以選擇不安裝,但是下載包的時候會很慢; 3、 輸入 npm install -g c

原创 移動端常用meta標籤設置

強制讓文檔與設備的寬度保持1:1,對頁面設置不能進行縮放: <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,max