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

什么是vue.nextTick()在下次 DOM 更新循环结束之后执行延迟回调简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，应用场景1、created中Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中，原因是在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将

使用懒加载的展开列，当加载的数据量过大，如大于1000条以上，浏览器可能卡死挂了。

【代码】vue input限制只能输入正整数或者大于零的数。

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