个人认为适配器模式其实是一种亡羊补牢式的设计模式，如果在项目开发的开始阶段我们就知道我们期待的数据格式或者方法名等，我们就可能永远都用不到适配器模式；但是项目的迭代往往是不可预期的，当项目迭代之后数据格式或者方法名发生变化之后，我们通常可以使用适配器模式来进行适配解决；当然了，最好的解决办法就是项目开发过程中前后端协商讨论数据格式、文件名等代码规范，这样是对项目的开发效率是会有很大的提升的；...

pnpm 相比较于 yarn/npm 这两个常用的包管理工具在性能上也有了极大的提升，根据目前官方提供的 benchmark 数据可以看出在一些综合场景下比 npm/yarn 快了大概两倍。pnpm 全称 performant npm，意思为 高性能的 npm。pnpm 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。没办法直接通过n

sourcemap简介当我们的应用程序部署到生产环境时，我们发现它与我们在开发环境时的代码不同。我们的代码在构建过程中会以各种方式进行修改和优化。TypeScript 被转译、压缩。生成的 JavaScript 包尽可能小并且能够在浏览器中正常运行。所有这些步骤都很有效率，它们提高了我们应用程序在生产环境下的性能。但是当我们需要在生产环境下调试代码时它对我们产生了很大的障碍。sourcemap配合

FetchFetch是一个浏览器的底层API，优点:浏览器级别支持的原生API支持primise语法简介，符合es标准由whatwg提出，现在已经符合w3c规范缺点：不支持文件上传进度监控需要封装才能使用不支持请求中止默认不带cookieAxiosaxios是一个封装好的框架支持浏览器和nodejs服务端发请求支持primise语法支持自动解析JSON支持中断请求支持拦截请求支持请求进度拦截支持客

Mutation Observer APIMutation Observer API 用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个API 都可以得到通知，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。MutationObserver 构造函数//该回调函数接受两个参数，第一个是变动数组，第二个是观察器实例，var obs

需求：实现两栏，自定义组件拖拽，上下左右均可看官方文档，是没有上下左右的例子，只有两栏左右拖拽的，但是每一栏只能上下，而不能左右其实这里用了display：flex的属性，flex-wrap:wrap 如果宽度超出 那么就自动的往下布局来实现的demo如下<div class="container"><div class="left"><draggable v-mod

众所周知，JavaScript实现异步请求就靠浏览器提供的两个API——XMLHttpRequest和Fetch。我们平常用的较多的是Promise请求库axios，它基于XMLHttpRequest。

1. 语法上的区别：函数式组件是一个纯函数，它是需要接受props参数并且返回一个React元素就可以了。类组件是需要继承React.Component的，而且class组件需要创建render并且返回React元素，语法上来讲更复杂。2. 调用方式函数式组件可以直接调用，返回一个新的React元素；类组件在调用时是需要创建一个实例的，然后通过调用实例里的render方法来返回一个React元素。

介绍方法 Object.fromEntries() 把键值对列表转换为一个对象，这个方法是和 Object.entries() 相对的。Object.fromEntries([['foo', 1],['bar', 2]])// {foo: 1, bar: 2}1、Object 转换操作const obj = {name: 'jimmy',age: 18}const entries = Object