SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有资源，造成首页加载很慢，降低用户体验。SPA单页应用，无论是vue还是react，最初的HTML都是空白的，需要通过加载js将内容挂载到根节点上，这套机制的副作用，会造成长时间的白屏。async，defer是script标签的专属属性，对于网页中的其他资源，可以通过link的p

body里面的点击事件调用的函数，点击触发扫一扫功能。第三步：在body中写一个点击事件的元素。今天做的一个功能是企业微信扫一扫功能。大概功能就是扫描二维码，即完成这项功能。第二步：在main.js文件中引入。第四步：在script中写入。getCofig()函数。

我们查找ant的api，可以找到禁用日期的disabledDate和选择第一个就会触发的函数calendarChange。要实现的效果就是禁用当前月份以后的日期，并实现动态选择月份，最多只能选择12个月。动态实现选择最多12个月的区间。禁用当前月份以后的日期。

从底部的第三张图片开始到末尾的第八张图片都是居中显示。点击左右要进行切换，也要居中显示。所以我在这里用的的时在X轴上进行平移来进行实现。

父组件中调用：<a-player :data="record" />封装一个aplayer.vue的组件。下载：npm i aplayer。

我们把文档中的两个值都打印出来，发现我们点击小三角得到值是我们所点击行对应的key值，主要是就把我们文字所得到的key绑定到expandedKeys上，就可以实现点击文字实现展开。首先进行一个判断，我们展开值expandedkeys里面有没有 值，如果没有值，直接点击文字是不生效的，如果没有值，这一步直接把key赋给它就好了。首先是选中文字的函数，我们可以得到一个key跟name,key就相当于是