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

1.下载webstorm git2.配置密钥需要 SSH Key，因为本地Git仓库和GitHub仓库之间的传输是通过SSH加密的，所以必须要让github仓库认证你SSH key，在此之前，必须要生成SSH key。首先，在windows下查看[c盘->用户->自己的用户名->.ssh]下是否有id_rsa、id_rsa.pub文件，如果有，取到id_rsa.pub内的key，

一、前言前端缓存主要是分为HTTP缓存和浏览器缓存。其中HTTP缓存是在HTTP请求传输时用到的缓存，主要在服务器代码上设置；而浏览器缓存则主要由前端开发在前端js上进行设置。缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器

前端文本框插入标签（错误新增红色错误文字）

这里只需要通过 disabled 属性 去禁用掉即可。

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