hsingyin / hsingyin.site Goto Github PK

{
  path: '/userCenter',
  name: 'userCenter',
  component: userCenter,
  meta: {
    title: '我的'
  }
}

  document.title = to.meta.title || ''
  var mobile = navigator.userAgent.toLowerCase()
  if (/iphone|ipad|ipod/.test(mobile)) {
    var iframe = document.createElement('iframe')
    iframe.style.display = 'none'
    var iframeCallback = function () {
      setTimeout(function () {
        iframe.removeEventListener('load', iframeCallback)
        document.body.removeChild(iframe)
      }, 0)
    }
    iframe.addEventListener('load', iframeCallback)
    document.body.appendChild(iframe)
  }
})

// 入参就是需要压缩的图片文件（file类型）
compressImg(file) {
  // 读取上传的图片文件
  let reader = new FileReader()
  let img = new Image()
  reader.readAsDataURL(file)
  reader.onload = e => {
    img.src = e.target.result
  }
  // 准备好canvas画布
  let canvas = document.createElement('canvas')
  let context = canvas.getContext('2d')
  let res = ''
  // img加载好的回调方法
  img.onload = () => {
    const originWidth = img.width
    const originHeight = img.height
    // 最大尺寸限制
    const maxWidth = 400, maxHeight = 400
    // 目标尺寸
    let targetWidth = originWidth, targetHeight = originHeight
    // 图片尺寸超过400x400的限制
    if (originWidth > maxWidth || originHeight > maxHeight) {
        if (originWidth / originHeight > maxWidth / maxHeight) {
            // 更宽，按照宽度限定尺寸
            targetWidth = maxWidth
            targetHeight = Math.round(maxWidth * (originHeight / originWidth))
        } else {
            targetHeight = maxHeight
            targetWidth = Math.round(maxHeight * (originWidth / originHeight))
        }
    }
    // canvas对图片进行缩放
    canvas.width = targetWidth;
    canvas.height = targetHeight;
    // 清除画布
    context.clearRect(0, 0, targetWidth, targetHeight);
    // 核心JS就这个
    context.drawImage(img, 0, 0, 400, 300)
    // 转base64
    // res = canvas.toDataURL("image/png")
    // this.filesArr.push(res)
    // 转blob
    canvas.toBlob((blob) => {
      // blob转回file
      let _file = new File([blob], file.name, {type: file.type, lastModified: Date.now()})
      // 加入文件预上传列表（这里加你的处理逻辑）
      this.filesArr.push(_file)
    })
  }
}

let e = e => {
    console.log(e);
    for (let e of [1, 2, 3])
        console.log(e);
};

    new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false
        },
        mangle: {
          safari10: true
        }
      },
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),

// 你的数据
options: [
  {
    name: '子母粉丝',
    value: 18
  },{
    name: '红烧牛肉面',
    value: 28
  },{
    name: '瓦罐小炒',
    value: 13
  },{
    name: '炒面',
    value: 8
  }
]

optionsIsCheap() {
  return this.options.filter(item => item.value < 10)
}

<!--PDF查看器-->
<template>
  <iframe :src="src" class="pdf-viewer"></iframe>
</template>

<script>
export default {
  data() {
    return {
      src: this.$route.query.pdfUrl
    }
  }
}
</script>

<style lang="less">
.pdf-viewer {
  border: 0;
  position: relative;
  min-height: 100vh;
  width: 100%;
}
</style>

// 这边在onLoad(options)调用init方法
init(options) {
  this.viewPdf(options)
},
async viewPdf(options) {
  // 这边对平台的相关api做了封装并挂载到原型上
  this.$api.showLoading()
  // 获取系统信息，这里是用promise包了一层微信的wx.getSystemInfo
  const res = await this.$api.getSystemInfo()
  this.systemInfo = res.system
  const isAndroid = /android/i
  if (!options.webUrl) {
    console.log('未携带参数')
    this.$api.hideLoading()
    return false
  }
  if (isAndroid.test(this.systemInfo)) {
    console.log('Android')
    wx.downloadFile({
      url: options && options.webUrl,
      success: (res) => {
        console.log(res)
        const Path = res.tempFilePath // 返回的文件临时地址，用于后面打开本地预览所用
        this.$api.hideLoading()
        wx.openDocument({
          filePath: Path,
          success: function (res) {
            console.log('打开成功')
          }
        })
      },
      fail: (res) => {
        this.$api.hideLoading()
        this.$api.showToast({
          title: '下载失败'
        })
        console.log(res)
      }
    })
  } else {
    console.log('iOS')
    let _webUrl = options && options.webUrl
    // 传递参数的时候需要encodeURIComponent一下防止参数截断
    _webUrl = decodeURIComponent(_webUrl)
    if (_webUrl) {
      this.webUrl = _webUrl
    }
    this.$api.hideLoading()
    console.log(this.webUrl)
  }
}

      this.$router.push({
        name: `${name}`
      }, () => {})

      // or
      this.$router.push({
        name: `${name}`
      },
      onComplete => {
        console.log('完成')
      },
      onAbort => {
        console.log('哦打断了')
      })

const originalPush = VueRouter.prototype.push

VueRouter.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
  return originalPush.call(this, location).catch(err => err)
}

import 'babel-polyfill';
import Es6Promise from 'es6-promise';
require('es6-promise').polyfill();
Es6Promise.polyfill()

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime",["import", {
    "libraryName": "vant",
    "libraryDirectory": "es",
    "style": true
  }]],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node",["import", {
        "libraryName": "vant",
        "libraryDirectory": "es",
        "style": true
      }]]
    }
  }
}

//  build/webpack.base.conf.js
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },
...
{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          resolve('src'), 
          resolve('test'),  
          // 将需要转译的模块包括进来
          resolve('node_modules/sm-crypto'), 
          resolve('node_modules/vant'), 
          resolve('node_modules/webpack-dev-server/client')
        ]
}