我全都要

import html2canvas from 'html2canvas'

// 语法
// html2canvas(element, options)

html2canvas(document.body).then(function(canvas) {
  // document.body.appendChild(canvas)
  let dataURL = canvas.toDataURL('image/png') // dataURL 为 base64 图片
  // var img = new Image()
  // img.src = dataURL
  // document.body.appendChild(img)
})

var options = {
  dpi: 192,
  scale: 2, // 放大
  // logging: true, //日志开关，便于查看html2canvas的内部执行流程
  useCORS: true // 开启跨域配置, (跨域图片，转换的时候会将跨域图片识别为空白,因此需要开启此选项)
}
html2canvas(document.querySelector('#app'), options).then(canvas => {
  document.body.appendChild(canvas)
})

/* in ES 6 */
import domtoimage from 'dom-to-image'
/* in ES 5 */
var domtoimage = require('dom-to-image')

var node = document.getElementById('my-node')

domtoimage
  .toPng(node)
  .then(function(dataUrl) {
    var img = new Image()
    img.src = dataUrl
    document.body.appendChild(img)
  })
  .catch(function(error) {
    console.error('oops, something went wrong!', error)
  })

b64ToFile(dataurl)  {
  let arr = dataurl.split(',')
  let mime = arr[0].match(/:(.*?);/)[1]
  let bstr = atob(arr[1])
  let n = bstr.length
  let u8arr = new Uint8Array(n)
  while (n--) {
      u8arr[n] = bstr.charCodeAt(n)
  }
  let file =  new File([u8arr], 'filename.png', {type:mime})
}

console.log(+0 === -0) // true
console.log(NaN == NaN) // false NaN 不与任何值相等，包括自身
console.log(undefined == null) // true
console.log(undefined === null) // false
console.log(NaN === NaN) // false
console.log(Number.NaN === NaN) // false

Object.is(+0, -0) // false
Object.is(0, -0) // false
Object.is(0, +0) // true
Object.is(-0, -0) // true

Object.is(undefined, undefined) // true
Object.is(null, null) // true
Object.is(Number.NaN, Number.NaN) // true
Object.is(Number.NaN, NaN) // true
Object.is(NaN, NaN) // true
Object.is(NaN, 0 / 0) // true

let a = [NaN, NaN, undefined, undefined, +0, -0, {}, {}]
let b = new Set(a) // {NaN, undefined, 0, {}, {}}

var timeoutID = scope.setTimeout(function[, delay, param1, param2, ...])
// delay 可选 默认 0
// param1, ..., paramN 可选 ，附加参数，一旦定时器到期，他会作为参数传递给 function
// 返回值timeoutID是一个正整数，表示定时器的编号

for (var i = 1; i <= 5; i++) {
  setTimeout(
    function timer(j) {
      console.log(j)
    },
    i * 1000,
    i
  )
}
// 会立即返回一个 timeid
// 1
// 2
// 3
// 4
// 5

import './iconfont.js'

/* config.module.rule('svg') */
{
  test: /\.(svg)(\?.*)?$/,
  use: [
    /* config.module.rule('svg').use('file-loader') */
    {
      loader: 'file-loader',
      options: {
        name: 'static/img/[name].[hash:8].[ext]'
      }
    }
  ]
}

module.exports = {
  chainWebpack: config => {
    config.module.rule('svg').uses.clear()
  }
}

/* 使用 svg-sprite-loader 处理 svg */
// 默认规则忽略 src/icons 文件夹
config.module
  .rule('svg')
  .exclude.add(path.resolve(__dirname, 'src/icons'))
  .end()

// src/icons 文件夹下的 svg 使用 svg-sprite-loader
config.module
  .rule('svg-sprite-loader')
  .include.add(path.resolve(__dirname, 'src/icons'))
  .end()
  .test(/\.svg$/)
  .use('svg-sprite')
  .loader('svg-sprite-loader')
  .options({
    symbolId: 'icon-[name]'
  })
  .end()

import '@/icons/qq.svg'

require.context(directory, (useSubdirectories = false), (regExp = /^\.\//))
// directory：说明需要检索的目录
// useSubdirectories：是否检索子目录
// regExp: 匹配文件的正则表达式
// Examples:
require.context('./test', false, /\.test\.js$/)
// 表示在 test 文件夹（不包含子目录）下面的找所有文件名以 .test.js 结尾的能被 require 的文件

// 基础组件的自动化全局注册
const requireComponent = require.context('../../components', false)
// console.log(requireComponent.keys())
requireComponent.keys().forEach(filename => {
  const componentConfig = requireComponent(filename)
  // console.log(componentConfig)

  const componentName = filename
    .split('/')
    .pop()
    .replace(/\.\w+$/, '')
  // console.log(componentName)

  Vue.component(
    componentName,
    // 如果这个组件选项是通过 `export default` 导出的，
    // 那么就会优先使用 `.default`，
    // 否则回退到使用模块的根。
    componentConfig.default || componentConfig
  )
})

const requireAll = requireContext => requireContext.keys().map(requireContext)
const req = require.context('@/icons', false)
requireAll(req)

config.module
  .rule('svg-sprite-loader')
  .include.add(path.resolve(__dirname, 'src/icons'))
  .use('svgo-loader')
  .loader('svgo-loader')
  .tap(options => {
    options = {
      plugins: [
        { removeXMLNS: true }, // 删除xmlns属性（对于内联svg，默认情况下禁用）
        { convertStyleToAttrs: true } // 将css样式转换为svg元素属性
      ]
    }
    return options
  })

console.log(res.headers['set-cookie']) // undefined
console.log(document.cookie) // ''

axios.defaults.withCredentials = true // 默认是 false

// Axios.interceptors.request.use(
//   config => {
//     config.withCredentials = true // 添加
//     return config
//   })

axios.create({
  withCredentials: true // 表示跨域请求时是否需要使用凭证 默认 false
})