09 2024 档案
JavaScript 解构赋值 是 浅拷贝还是深拷贝
摘要：解构赋值是ES6（ECMAScript 2015）引入的一个特性，它允许我们可以快速取出数组或者对象中的值并赋值给新的变量。 const a = { name: 'name', age: 18, marriage: false, } let { name, age, marriage} = a; c
阅读全文
Vue computed 与 watch
摘要：在Vue.js框架中，computed和watch都是响应式系统的一部分，但它们在功能和用途上有所不同。 computed（计算属性）： Computed是基于它们的依赖进行缓存的，只有当依赖项发生改变时才会重新计算。 它们通常用于当你需要根据现有数据派生出一些状态时。 Computed可以有get
阅读全文
CSS 选择器的优先级
摘要：CSS选择器的优先级，也称为特异性（Specificity），决定了当多个样式规则应用于同一个元素时，哪个规则会生效。优先级是由四个不同的优先级层级组成的，分别是： 行内样式：直接在HTML元素的style属性中定义的样式，优先级最高。 ID选择器：在CSS中以#id形式定义的样式。 类选择器、伪类
阅读全文
CSS 盒子模型
摘要：当对一个文档进行布局(layout)的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型(CSS basic box model)，将所有元素表示为一个个矩形的盒子(box) 一个盒子由四个部分组成:content、padding、border、**margin ** content：即
阅读全文
JavaScript 上下文 和 执行栈
摘要：执行上下文 执行上下文是对 JavaScript 代码执行环境的概念抽象，只要有js代码运行，它就一定运行在执行上下文中 执行上下文分为三种 全局执行上下文：也就是浏览器的全局对象 window 函数执行上下文：每次函数被调用时都会（才会）创建一个新的执行上下文 Eval执行上下文：运行在 Eval
阅读全文
JavaScript-apply、bind、call
摘要：call、apply、bind 作用是改变函数执行时的上下文，简而言之就是改变函数运行时的 this 指向 区别 apply apply 接受两个参数，第一个参数是 this 的指向，第二个参数是函数接受的参数，以数组的形式传改变 this 指向后原函数会立即执行，且此方法只是临时改变 this 指
阅读全文
JavaScript 手写new操作符
摘要：new 关键字的工作步骤 创建一个新的对象 obj 将对象与构建函数通过原型链连接起来 将构建函数中的 this 绑定到新建的对象 obj上根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理 const recodeNew = function (Func, ...arg
阅读全文
JavaScript 中的 数据结构
摘要：数据结构 数据结构是计算机存储、组织数据的方式。 1.数组 数组是最最基本的数据结构，很多语言都内置支持数组。 数组是使用一块连续的内存空间保存数据，保存的数据的个数在分配内存的时候就是确定的。 2.栈 栈是一种遵循后进先出(LIFO)原则的有序集合在栈里，新元素都接近栈顶，旧元素都接近栈底。 每次
阅读全文
JavaScript中的数据类型-存储差别
摘要：总结 声明变量时不同的内存地址分配: 简单类型的值存放在栈中，在栈中存放的是对应的值 引用类型对应的值存储在堆中，在栈中存放的是指向堆内存的地址 不同的类型数据导致赋值变量时的不同: 简单类型赋值，是生成相同的值，两个对象对应不同的地址 复杂类型赋值，是将保存对象的内存地址赋值给另一个变量。也就是两
阅读全文
