作为一个优秀的前端工程师，我们应该掌握一些前端自测的点前端自测Table列表是否使用公共组件功能列表加载时是否加loading表单参数查询是否正常排序是否正常表头筛选是否正常翻页是否正常查询、筛选、排序操作后传入的分页参数是否正常批量操作是否正常删除或其他关键操作是否已提供二次确认框样式搜索表单控件间距是否正确搜索表单按钮间距、图标是否正确表头筛选、排序后高亮、图标是否正确列宽分配是否合理单元格内

前言懒加载是一种网页性能优化的方式，它能极大的提升用户体验。就比如说图片，图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源，那么可能等图片加载出来用户也早就走了。所以，我们需要懒加载，进入页面的时候，只请求可视区域的图片资源。总结出来就两个点：全部加载的话会影响用户体验浪费用户的流量，有些用户并不像全部看完，全部加载会耗费大量流量实现方

主线程将所有任务都放在循环队列中，然后由底层的libuv库从循环事件队列中取出任务分配给不同的线程去处理，主线程同时也会进行回调处理，整个过程形成事件循环nodejs实现异步机制的核心便是libuv，libuv承担着nodejs与文件、网络等异步任务的沟通桥梁通过事件驱动模型实现了高并发和异步 I/O，适合处理I/O密集型任务。

1、npm i ali-oss安装阿里云sdk2、上阿里云对象存储设置跨域访问进入 OSS 管理控制台 界面。在左侧存储空间列表中，单击目标存储空间名称，打开该存储空间概览页面。单击 基础设置 页签，找到 跨域设置 区域，然后单击 设置。单击 创建规则，打开 设定跨域规则 对话框。设置跨域规则:– 来源：指定允许的跨域请求的来源。允许多条匹配规则，以回车为间隔。每个匹配规则允许使用最多一个“”通配

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

requestAnimationFrame请求动画帧它是一个浏览器的宏任务requestAnimationFrame的用法与settimeout很相似，只是不需要设置时间间隔而已。requestAnimationFrame使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。它返回一个整数，表示定时器的编号，这个值可以传递给cancelAnimationFrame用于取消这个函数的执行re

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

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

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

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