来自大厂 10+ 前端面试题附答案(整理版)

最新推荐文章于 2024-08-02 14:21:03 发布

loveX001

最新推荐文章于 2024-08-02 14:21:03 发布

阅读量440

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/loveX001/article/details/127672704

版权

DOM 引擎、JS 引擎相互独立，但又工作在同一线程（主线程） JS 代码调用 DOM API 必须挂起 JS 引擎、转换传入参数数据、激活 DOM 引擎，DOM 重绘后再转换可能有的返回值，最后激活 JS 引擎并继续执行若有频繁的 DOM API 调用，且浏览器厂商不做“批量处理”优化，引擎间切换的单位代价将迅速积累若其中有强制重绘的 DOM API 调用，重新计算布局、重新绘制图像会引起更大的性能消耗。第一个then和第二个then中传入的都不是函数，一个是数字，一个是对象，因此发生了透传，将。

摘要由CSDN通过智能技术生成

v-model语法糖是怎么实现的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- v-model 只是语法糖而已 -->
    <!-- v-model 在内部为不同的输入元素使用不同的property并抛出不同的事件 -->
    <!-- text和textarea 元素使用value property 和 input事件 -->
    <!-- checkbox 和radio使用checked  property 和 change事件-->
    <!-- select 字段将value 作为prop 并将change 作为事件 -->
    <!-- 注意：对于需要使用输入法(如中文、日文、韩文等)的语言，你将会发现v-model不会再输入法    组合文字过程中得到更新 -->
    <!-- 再普通标签上 -->
    <input v-model="sth" />  //这一行等于下一行
    <input v-bind:value="sth" v-on:input="sth = $event.target.value" />
    <!-- 再组件上 -->
    <currency-input v-model="price"></currentcy-input>
        <!--上行代码是下行的语法糖         <currency-input :value="price" @input="price = arguments[0]"></currency-input>        --> 
        <!-- 子组件定义 -->
        Vue.component('currency-input', {
         template: `
          <span>
           <input
            ref="input"
            :value="value"
            @input="$emit('input', $event.target.value)"
           >
          </span>
         `,
         props: ['value'],
        })   
</body>
</html>

forEach和map方法有什么区别

这方法都是用来遍历数组的，两者区别如下：

forEach()方法会针对每一个元素执行提供的函数，对数据的操作会改变原数组，该方法没有返回值；
map()方法不会改变原数组的值，返回一个新数组，新数组中的值为原数组调用函数处理之后的值；

深拷贝（考虑到复制 Symbol 类型）

题目描述:手写 new 操作符实现

实现代码如下:

function isObject(val) {
   
  return typeof val === "object" && val !== null;
}

function deepClone(obj, hash = new WeakMap()) {
   
  if (!isObject(obj)) return obj;
  if (hash.has(obj)) {
   
    return hash.get(obj);
  }
  let target = Array.isArray(obj) ? [] : {
   };
  hash.set(obj, target);
  Reflect.ownKeys(obj).forEach((item) => {
   
    if (isObject(obj[item])) {
   
      target[item] = deepClone(obj[item], hash);
    } else {
   
      target[item]

最低0.47元/天解锁文章

loveX001

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
来自大厂 10+ 前端面试题附答案(整理版)

DOM 引擎、JS 引擎相互独立，但又工作在同一线程（主线程） JS 代码调用 DOM API 必须挂起 JS 引擎、转换传入参数数据、激活 DOM 引擎，DOM 重绘后再转换可能有的返回值，最后激活 JS 引擎并继续执行若有频繁的 DOM API 调用，且浏览器厂商不做“批量处理”优化，引擎间切换的单位代价将迅速积累若其中有强制重绘的 DOM API 调用，重新计算布局、重新绘制图像会引起更大的性能消耗。第一个then和第二个then中传入的都不是函数，一个是数字，一个是对象，因此发生了透传，将。
复制链接

扫一扫