糖豆叭叭博客

组件库什么是组件库功能类 lodash函数式化组件库 RxJSUI组件库 ant.design Fusion ElementUI组件库作用及组成提高复用；统一技术栈；提高开发效率；统一风格粒子 size、shadows、border、Text、Corner、Color、简单基础组件 Button menu checkbox range复杂组件业务组件 迭代频繁 菜单menu 弹框dialog 表单form pagenation模板 抽奖 业务逻辑 接口请求.

Vue2 是响应式原理基于 Object.defineProperty 方法重定义对象的 getter 与 setter，vue3 则基于 Proxy 代理对象，拦截对象属性的访问与赋值过程。差异在于，前 者并不能对诸如数组长度变化、增删元素操作、对象新增属性进行感知，在 vue 层面不得不 重写一些数组方法（push、pop、unshift、shift 等），动态添加响应式属性，也要使用 $set 方法等。而 Proxy 则完美地从根上解决了这些问题，不过对于不支持 Proxy 对象的浏览器（如 IE），

# this指针详解## 概念this是当前函数/当前模块的运行环境的上下文, 是一个指针型变量, 可以理解为一个动态的对象, 普通函数中的this是在调用时才被绑定确认指向的.this的出现, 使得复用函数时可以使用不同的上下文, 也就是说通过不同的this调用同一个函数, 可以产出不同的结果。出现一个问题：既然this是一个动态的东西, 我们应该怎么判断它到底绑定的是什么内容呢?## this的绑定规则### 1. 默认绑定function o(){};o();指函数独立

面向对象什么是面向对象编程？面向对象是一种编程思想，经常被拿来和面向过程比较。面向过程关注的重点是动词，是分析出解决问题需要的步骤，然后编写函数实现每个步骤，最后依次调用函数。而面向对象关注的重点是主谓，是把构成问题的事物拆解为各个对象，而拆解出对象的目的也不是为了实现某个步骤，而是为了描述这个事物在当前问题中的各种行为。面向对象的特点是什么？封装：让使用对象的人不考虑内部实现，只考虑功能使用 把内部的代码保护起来，只留出一些 api 接口供用户使用继承：就是为了代码的复用，从父

vue是一套用于构建用户界面的渐进式框架响应式前端视图层框架框架 库提供调用的功能，框架定义整个应用程序设计，框架以某种特定方式调用和使用代码简单的demo<div> <p>Message is: {{ message }}</p></div><script> var app = new Vue({ el: '#app', data: { message: 'hello world' .

一、事件冒泡捕获 <div class="outer"> <div class="middle"> <div class="inner"> <button>click me!</button> </div> </div> </div>element.addEventListener(event, function, useCapture)

// 实现一个简单的 commonjs 模块加载器class Module { constructor(moduleName, source) { // 暴露数据 this.exports = {}; // 保存一下模块的信息 this.moduleName = moduleName; // 缓存 this.$cacheModule = new Map(); // 源代码 this.$source = source; } re.

ES6 ES2015是主要的版本ES2018 增加了rest和spread语法ES2020 第11版ES的下一个版本是ESnext## ES6及以后新增常用API#### let constfor (var i=0;i<=3;i++) { setTimeout(function(){ console.log(i) },10)}原因：1、var 全局变量，只有一个i2、setTimeout，下一轮事件循环的时候执行，i=4;console....

promise 规范很重要有then方法的对象和函数promise、thenable两个值value reason异常exceptionpromise三种状态和关系1 pending初始状态，可以改变一个promise在resolve和reject之间，处于这个状态resolve 到 fulfilledreject 到 rejected2 fulfilled最终状态不可改变resolve之后变成这样的状态必须有一个value值3 r