​一、xr-frame是什么？ xr-frame是一套小程序官方提供的XR/3D应用解决方案，基于混合方案实现，性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。

由于iphonex及以上机型异面屏，底部黑色横线判断以及样式，当我们自定义tabbar时为了防止黑色横线挡住样式，造成不好的用户体验，所以我们需要判断机型并把样式做兼容。

css绘制心形，并添加动画效果。css基础功力练习

vue3 使用 Element-plus 的 el-pagination 分页组件时无法显示中文 问题 使用element-puls 的分页组件时，文字显示的是英文。这是因为Element Plus components 默认使用英文。这里介绍的实现方式使用ElConfigProvider

在 Vue3 中没有 $refs，因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的方式来获取。Vue3 需要借助生命周期方法，因为在 setup 执行时，template 中的元素还没挂载到页面上，所以必须在 mounted 之后才能获取到元素。

Koa 被定位为下一代 Web 框架，由 Express 原班人马打造。Koa 非常轻巧且模块化，可以在不使用回调的情况下编写代码。 Koa 应用程序是一系列中间件功能，可按顺序运行以处理传入的请求并提供响应。每个中间件功能都可以访问上下文对象，该上下文对象包装了原生 Node 请求和响应对象，并提供了改进的 API 来处理它们。

pm2是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、监控功能。并且使用起来非常简单。 嗯嗯，最好的用处就是监控我们的生产环境下的node程序运行状态，让它给我们日以继日的处于工作状态。

可能很多人都会疑惑，使用vue做好的项目直接打包放在服务器上不就可以了吗？ 众所周知 vue打包后会生成一个名为dist的静态资源文件夹，那么如果想要在云服务器访问这些资源只能通过 http://xxxx.com/dist/index.html来访问。如果想要和vue脚手架搭建的本地项目一样 使用端口号来监听/运行项目（如：http://xxxx.com:8080）,我们就需要自己搭建一个服务，然后通过pm2进行启动。

变化一、重写了虚拟DOM.对于Vue2.x版本的虚拟DOM来说，Vue会遍历<template>模板中的所有内容，并根据这些标签生成对应的虚拟DOM（虚拟DOM一般指采用key/value对象来保存标签元素的属性和内容），当有内容改变时，遍历虚拟DOM来diff找到对应的标签元素所对应的DOM节点，并改变其内容。例如下面这段内容：

我的姥爷今年84岁了，姥爷很小的时候母亲就过世了，父亲是一个赌鬼，姥爷和一个小自己两岁的妹妹，在家干活做家务，那时姥爷十一岁，妹妹九岁。本该无忧无虑享受童年美好的年纪，却要学会洗衣做饭，其他季节还好，最怕的是冬季，手脚都生了冻疮，姥爷和他的妹妹不管天气如何恶劣，都要按时准备好饭菜，哪怕只是晚了一会儿，就要受到一阵打骂姥爷每次说到这些事情的时候眼里都含着泪花，尽...