思路： 通过 html2canvas 将 HTML 页面转换成图片，然后再通过 jspdf 将图片的 base64 生成为 pdf 文件。1. 安装及引入// 将页面 html 转换成图片npm install html2canvas --save// 将图片生成 pdfnpm install jspdf --save在项目主文件 main.js 中引入定义好的实现方法并注册import html

总结：在 Vue3 中没有 $refs，因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的方式来获取。Vue3 需要借助生命周期方法，因为在 setup 执行时，template 中的元素还没挂载到页面上，所以必须在 mounted 之后才能获取到元素。总结： 先申明 ref 响应式数据，再返回给模版使用，模板中通过 ref 绑定数据；总结： 先定义一个空数组，再定义一个函数获取

相信很多人在用 Vue 使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？因为 axios 没有 install。1. 举例理解在新建的项目中创建两个文件：plugins.jsuse.js:// plugins.jsconst Pl

说到本地存储数据，首先想到的是 localStorage，应该很多小伙伴都用过，使用很简单。存储容量限制，大部分浏览器应该最多5M。我就遇到过localStorage存储字符然后尺寸爆掉的情况；仅支持字符串，如果是存对象还需将使用 JSON.stringify 和 JSON.parse 方法互相转换，有些啰嗦；读取都是同步的。大多数情况下，还挺好使的。如果存储数据比较大，如一张重要图片base64

1. 共同点：都是保存在浏览器端、且同源的2. 区别：1、cookie数据始终在同源的http请求中携带（即使不需要）即cookie在浏览器和服务器间来回传递，cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下. ； sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。2、存储大小限制也不同；cookie数据不能...

传送门：Scss 基本使用（变量、嵌套）传送门：Sass中文网传送门：Sass 教程 | 菜鸟教程1. 继承（ @extend ）@extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。如果一个样式与另外一个样式几乎相同，只有少量的区别，则使用 @extend 就显得很有用。<style lang="scss">.contanier1{font-size: 24px;fo

关于 orientationchange 事件定义和用法： 在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。当视图状态发生改变时，监听器对应的函数就会执行，而对应的 MediaQueryList 对象也会传入。这个对象包括两个属性：matches（布尔值），表示CSS media query是否与当前的显示状态匹配；media 对应传入的参数字符串。关于 matchMedia() 方法定

在 iphone X 之后引入了一个新概念：“safe area（安全区域）”，安全区域指屏幕内不受圆角、齐刘海、底部小黑条等元素影响的可视窗口。如下图：从 iOS11 开始 ，为了适配刘海屏，Apple 公司对 HTML 的 viewport meta 标签做了扩展viewport-fit 属性使用 @supports 查询机型是否支持 constant() / env() 实现兼容代码隔离，个

Pinia 对比 VuexPinia 同时支持 Vue2 以及 Vue3 ，这让同时使用两个版本的小伙伴更容易上手；Pinia 中只存在 State，getter，action，剔除掉了 Vuex 中的 Mutation 及 Module；Pinia 中的 action 可同时支持同步任务、异步任务；更友好的支持了 TypeScript ，无需创建自定义复杂包装器来支持 TypeScript，所有

patch-package npm地址patch-package github文档如果不需要在生产中运行 npm (如：正在制作 web 前端，则可使用 --save dev）