首页 / 面试 / 2020-07面试准备

2020-07面试准备

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了2020-07面试准备，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2272字，纯文字阅读大概需要4分钟。

内容图文

vue

1.static和assets的区别

                assets和static两个都是用于存放静态资源文件。
放在static中的文件不会进行构建编译处理，也就不会压缩体积，在打包时效率会更高，但体积更大在服务器中就会占据更大的空间。
放在assets中的文件会进行压缩体积、代码格式化，压缩后会放置在static中一同上传服务器。
因此建议样式文件放在assets中进行打包，引入的第三方文件放到static中，因为引入的文件已经做过打包处理。

 

 

js

1.函数防抖节流

//防抖
function debounce(func, wait) {
  let timeout;
  return function () {
    if (timeout) {
      clearTimeout(timeout)
    }
    timeout = setTimeout(() => {
      func.apply(this, arguments)
    }, wait)
  }
}

//节流
function throttle(func, wait) {
  let timeout;
  return function () {
    if (!timeout) {
      timeout = setTimeout(() => {
        timeout = null;
        func.apply(this, arguments)
      }, wait)
    }
  }
}

function say() {
  console.log(‘hi haha‘)
}
document.onmousemove = debounce(say, 1000)
document.onmousemove = throttle(say, 1000)

 2.闭包

                    没有被引用的闭包会被自动回收，但还存在全局变量中，则依然会内存泄漏。

                    在 JavaScript 中，根据词法作用域的规则，内部函数总是可以访问其外部函数中声明的变量，当通过调用一个外部函数返回一个内部函数后，即使该外部函数已经执行结束了，但是内部函数引用外部函数的变量依然保存在内存中，我们就把这些变量的集合称为闭包
                    。
比如外部函数是 foo，那么这些变量的集合就称为 foo 函数的闭包。

                    function
                     getNum() {
  let n = 1
  returnfunction() {
    n++
  }
}
getNum() // 2
getNum() // 3
getNum() // 4
getNum() // 5

 3.new操作符

const New = function (Fn) {
  let obj = {}, // 创建空对象
    arg = Array.prototype.slice.call(arguments, 1)
  obj.__proto__ = Fn.prototype // 将obj的原型链__proto__指向构造函数的原型prototype
  obj.__proto__.constructor = Fn // 在原型链 __proto__上设置构造函数的构造器constructor，为了实例化Fn
  Fn.apply(obj, arg) // 执行Fn，并将构造函数Fn执行obj
  return obj // 返回结果
}

function Persen(name) {
  this.name = name
}
console.log(New(Persen, ‘hahha‘)) // Persen {name: "hahha"}

 4.函数柯里化

const curry = fn => {
  if (typeof fn !== "function") {
    throw Error("No function provided")
  }
  returnfunction curriedFn(...args) {
    if (args.length < fn.length) {
      returnfunction () {
        return curriedFn.apply(null, args.concat([].slice.call(arguments)))
      }
    }
    return fn.apply(null, args)
  }
}

function add(a, b, c) {
  console.log(a + b + c)
}
let ad = curry(add)
ad(1)(1)(1) // 复用几次取决于有多少参数

 5.简单的深拷贝-递归实现

                    function
                     copy(obj) {
  let result = Array.isArray(obj) ? [] : {}
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      if (typeof obj[key] === ‘object‘) {
        result[key] = deepCopy(obj[key]) // 递归复制
      } else {
        result[key] = obj[key]
      }
    }
  }
  return result
}
let a = {
    name: ‘lj‘
  },
  b = copy(a)
b.name = ‘lc‘
console.log(a, b) // {name: "lj"} {name: "lc"}

 

 

 

 

原文：https://www.cnblogs.com/qxp140605/p/13281428.html

内容总结

以上是互联网集市为您收集整理的2020-07面试准备全部内容，希望文章能够帮你解决2020-07面试准备所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1289540.html

来源：【匿名】