壹，ios 使用alert彈窗取消默認(rèn)的域名

<script>
  window.alert = function(name){
    var iframe = document.createElement("IFRAME");
    iframe.style.display="none";
    iframe.setAttribute("src", 'data:text/plain,');
    document.documentElement.appendChild(iframe);
    window.frames[0].window.alert(name);
    iframe.parentNode.removeChild(iframe);
  }
  //重寫confirm方法瓢剿，去掉地址顯示
  window.confirm = function(name){
    var iframe = document.createElement("IFRAME");
    iframe.style.display="none";
    iframe.setAttribute("src", 'data:text/plain,');
    document.documentElement.appendChild(iframe);
    var result = window.frames[0].window.confirm(name);
    iframe.parentNode.removeChild(iframe);
    return result;
  }
</script>

貳逢慌，登錄信息儲(chǔ)存

推薦在vue中使用good-storage，使用方法簡(jiǎn)單

// 安裝
npm install good-storage -S
// 引入
import storage from 'good-storage'  // 全局引入好像不管用间狂，需要在你用到的頁面引入
// 使用
// localStorage
storage.set(key,val) 
storage.get(key) 
// sessionStorage
storage.session.set(key, val)
storage.session.get(key, val)

// API
set(key, val)
set storage with key and val

get(key, def)
get storage with key, return def if not find

remove(key)
remove storage with key

has(key)
determine storage has the key

clear()
clear all storages

getAll()
get all the storages

forEach(callback)
forEach the storages and call the callback function with each storage

叁攻泼，一些不太常用的Css樣式

①鼠標(biāo)變成小手
②

肆，封裝一個(gè)從url中獲取?后面的參數(shù)

function GetRequest() {
  var url = decodeURIComponent(location.search);
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    var strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
        theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    }
    }
        return theRequest;
  };
  var msg = GetRequest()
  // var token = msg.api_token

伍鉴象，頁面出現(xiàn)浮層時(shí)禁止頁面滾動(dòng)

html頁面

$('body').css('overflow','hidden') // 浮層出現(xiàn)時(shí)窗口不能滾動(dòng)設(shè)置
$('body').css('overflow','auto') // 浮層關(guān)閉時(shí)滾動(dòng)設(shè)置

vue頁面

// 浮層出現(xiàn)時(shí)窗口不能滾動(dòng)設(shè)置
var mo = function(e) {e.preventDefault()}
document.body.style.overflow = 'hidden'
document.addEventListener("touchmove", mo, false)
// 浮層關(guān)閉時(shí)滾動(dòng)設(shè)置
var mo = function(e) {e.preventDefault()}
document.body.style.overflow = ''
document.removeEventListener("touchmove", mo, false)

陸忙菠，改變頁面路徑

window.location.href = ''

柒，蘋果處理時(shí)間的兼容問題

蘋果在處理事件時(shí)纺弊，如果時(shí)間格式為2018-01-01牛欢，會(huì)處理出錯(cuò)，需要將時(shí)間轉(zhuǎn)為2018/01/01的格式

var newtime = time.replace(new RegExp(/-/gm), "/")

捌淆游，在使用$.ajax需要配置頭部時(shí)

$.ajax({
  beforeSend:function(jqXHR,options){
    jqXHR.setRequestHeader("Accept", "application/json");
    jqXHR.setRequestHeader("Content-Type", "application/json");
  },// beforeSend配置頭部
  type:"get",
  url: "",
  success: function(data){
    // do something
  },
  error:function(e){
    console.log(e)
  }
})

玖傍睹，在vue項(xiàng)目中使用jq

① 首先通過npm安裝jquery

npm install jquery --save

② 在webpack.base.conf.js里加入

var webpack = require("webpack")

③ 在webpack.base.conf.js中module.exports的最后加入

plugins: [ 
  new webpack.ProvidePlugin({ 
    $:"jquery", 
    jQuery:"jquery", 
    "windows.jQuery":"jquery"
  }) 
],

④ 在main.js中引入

import $ from 'jquery'

⑤ 最后運(yùn)行npm run dev

拾，vue寫H5項(xiàng)目稽犁，px轉(zhuǎn)rem

1.下載amfe-flexible

npm i amfe-flexible

2.引入amfe-flexible

在main.js中引入amfe-flexible

import 'amfe-flexible/index.js'

3.安裝px2rem-loader

npm install px2rem-loader

4.配置px2rem-loader

在build文件中找到util.js，將px2rem-loader添加到cssLoaders中骚亿，將下面代碼加進(jìn)cssLoaders方法中

const px2remLoader = {
 loader: 'px2rem-loader',
 options: {
   remUint: 75
 }
}

同一文件下已亥，在generateLoaders方法中添加px2remLoader

function generateLoaders (loader, loaderOptions) {
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]

    if (loader) {
      loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
          sourceMap: options.sourceMap
        })
      })
    }

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
}

5.重啟

npm run dev

6.注意事項(xiàng)

一、不能在index.html的頭部加 name 為 viewport 的 meta 標(biāo)簽来屠，flexible會(huì)自動(dòng)為我們添加
二虑椎、對(duì)邊框樣式增加/* no */后綴震鹉，會(huì)保持原樣

.box{
    border: 1px solid #fff; /* no */
}
// 會(huì)被編譯成如下：
.box{
    border: 1px solid #fff;
}