jsdelivr cdn加速仓库​

2023了，jsdelivr的域名也挂的差不多了，但是鉴于我的自建图床的图床存在不稳定因素~ 需要在保留目录结构的情况下将资源迁移到一个免费的节点，况且testingcf访问速度还挺快

导读​

本文章配合官方Vue-SSR指南食用更香~

官方指南有详细的SSR应用介绍及搭建教程，但按其搭建下来的应用在实际开发过程中还是有很多不完善的地方。在此文章记录一下从0开始改造SPA应用为SSR应用的过程，并期望在官方指南的基础上要完善的功能：

为什么要做e2e​

前端逻辑越来越复杂，仅单测或接口测试已经无法模拟出用户端的实际操作，无法覆盖到前后端逻辑结合后的业务场景:

Chrome 原生自带大量快捷键，Vimium 在原生的基础上又增加了大量网页操作。结合两者，完全能摆脱鼠标。

现在css预处理器是项目的标配，感觉用不到 css variable 这个特性，之前对它的了解大概局限于跟 :root{} 有关系，但是直到看到vantui小程序文档时看到这样的介绍：

优化目标：

• 响应时间控制在 100ms，帧速控制在 60帧/秒
• 速度指标（SpeedIndex-是显示页面可见部分的平均时间） < 1250，3G上的交互时间（Interaction time）小于5s，关键文件大小预算 < 170 Kb（gzip）
• 首先加载核心体验，然后是增强功能，最后才是附加功能。

Console 面板​

此章节请打开 devtools/console/console.html 一起食用

一方面用来记录页面在执行过程中的信息（一般通过各种 console 语句来实现），另一方面用来当做 shell 窗口来执行脚本以及与页面文档、DevTools等进行交互

组合快捷键按键:
Windows: Control + Shift + J
Mac: Command + Option + J