标签（空格分隔）： vue 前端 前言 首先自己实现了一遍 reactive 的两个api， 对依赖变化的监测有了一定的了解， 现在再看看源码是怎么写。 为了更好理解， 自己按着源码重新写一遍。 vue3 源码 重写源码 以下代码可直接复制 ...

标签（空格分隔）： vue 前端 [toc] 前言 为了更好地理解 vue3，阅读其源码是一个重要的途径，但是单纯阅读源码可能理解不了作者为什么这样写，因此自己根据 API 来实现一遍然后再与源码作对比，可以更深刻理解 vue3 的实现原理 ...

前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

path模块，其实还是在webpack中用过一下下，至于node，还没开始用。这个模块算是基础，当作是预习一下。 path模块方法还是有几个的，这边只学习几个认为有必要、能用到的几个方法。 开始之前先看看两个输出： console.log( ...

什么是函数的作用域 函数作用域：在 JavaScript 中，作用域为可访问变量，对象，函数的集合。JavaScript 函数作用域: 作用域在函数内修改。 this 与函数又有什么关系呢？ this对象是在运行时基于函数的执行环境绑定的。 ...

主体图 对象类型 原生对象：Object，Function(函数对象) ,Array(数组对象), String(字符串对象), Date(日期对象), Boolean(布尔对象), Number(数字对象),RegExp(正则对象),E ...

对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完 ...

很久没有来更新了，近半年项目比较忙，难得接近年底闲一阵子，研究一下数据结构预算法。今天首先了解一下关于数据结构和算法的一些基本概念。 数据结构概述： 数据结构主要是通过分析数据对象的结构特性，包括逻辑和数据对象之间的关系，然后把逻辑转换成计 ...

indexOf(n) 返回值为n在数组中的索引,没有索引返回值就为-1 注意有两个参数:第一个为需要检测的元素，第二个参数为检测的起始位置 var arr1 = [1,2,3,4,5,6]; var a1 = arr1.indexOf ...

push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度 var arr1 = [1,2,3,4,5,6,7,8]; var a1 = arr1.push(9,10,'1-10之间的数'); ...