我在小小的船里睡

首先 async/await 是一种用于处理异步操作的语法糖，在 ES2017 被引入，用于更简洁地编写基于 Promise 的链式回调代码 使用 async/await 主要是避免了传统的回调函数或

项目创建 目前 Vue 官方已经声明 Vue-CLI 在维护状态，更推荐使用 npm create 创建一个应用，使用该方式创建的Vue 应用默认是 Vite 脚手架的 这里选择使用TS 在应用创建完

封装背景 在如今前后端分离的开发模式中，我们有很多需要通过异步请求获取数据的场景，在此过程中会可能存在有很多的处理，如 loading、错误捕获、数据处理、请求前校验等。 在一般的情况下，我们实现基本

什么是WebComponent 首先 WebComponent 直译过来第一感觉是 web 组件的意思，实际上它是 HTML5 推出的一个新特征，在这个依赖前端框架的时代，更推崇组件化开发的思想来编写

移动端 Web 页面的开发，由于机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得 Web 页面在不同移动设备上具有适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。 那么在了解

移动端适配 所谓移动端适配，其概念就是在任意手机中我们开发的网页显示都是正常的，如下例子所示 上面的页面如果在 iPhone6/7/8 中查看那就一切正常，因为 iPhone6/7/8 的设备宽度就是

rem适配 在日常的移动端开发中，设计稿一般为750物理像素，而我平时开发的时候，习惯以屏幕宽度为375，高度为724为标准( iPhone X 在微信内置浏览器的宽高) ，如下图所示： 该页面是使用

Pixi简介 Pixi 是一个非常快的 2D sprite 渲染引擎 Pixi 的用途： 显示、动画和管理交互式图形 制作游戏和应用程序 创建任何交互式应用，包括手机应用 Pixi 的特征： 支持 W

操作精灵 定位 通过更改精灵的 x 和 y 属性值来更改猫的位置 精灵的左上角(左耳)代表它的 x 和 y 锚点 若使精灵向右移动，需增加其 x属性的值 若使猫向下移动，请增加其 y 属性的值 可以组