学习笔记-前端

自己抄的小伙伴分享的资料，如果有侵权，及时联系，仅用于自己学习备注自己抄的小伙伴分享的资料，如果有侵权，及时联系，仅用于自己学习备注

自己记的，防止忘记碎碎念篇，拼凑资料，便于学习！自己记的，防止忘记碎碎念篇，拼凑资料，便于学习！！！

webpack的官方文档提供相关的接口，可以自定义编译的过程 webpack的官方文档提供相关的接口，可以自定义编译的过程 webpack的官方文档提供相关的接口，可以自定义编译的过程

利用css3动画切换背景图的路径；使这个动画无限循环下去，以实现背景图切换的效果。 代码：利用css3动画切换背景图的路径；使这个动画无限循环下去，以实现背景图切换的效果。

准备工作 1、设置@media标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： height = device-height：高度等于当前设备的高度 initia

html网页宽度自动适应手机屏幕宽度的方法 web项目中经常会出现html页面需要自适应手机屏幕的情况。 可以通过设置屏幕的缩放比例来实现： 1 2 一、使用meta标签，这也是普遍使用的方法，理论上

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/50aac5d7077840a08f11b89596757041~tplv

CPU（Center Processor Unit）中央处理单元 mainboard主板 RAM（random access memory）随机存储器（内存） 　　ROM（Read Only Memo

setup 是一个封闭的 其它组件如果想用到其内部函数 需要用defineExpose 父级组件用到子级组件的内部的函数时 子暴露 父用ref nextTick 得import 并且是异步执行

setup()函数是在created生命周期函数被完全初始化之前执行的函数。所以不能使用this 通过ref()和reactive( )函数的使用，可以完全替换掉以前的data{}语法形式。 使用组合

遇到的问题就是只有鼠标悬停在对应数据的时候 它是数值才出现 圆环嘛 一个商品销售量 一个剩余量 最终形成的图形 按照视频走的话 只显示了一部分 后来查到这，就索性截图，后面再忘记就回来翻一哈@ 特别纯

项目笔记 // 初始化 //获取数据//请求数据 async function getData(){ allData = await getTrendInfo(); //更新 update

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/03b15ce8008240e688f48d7d1f0ae3c8~tplv

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f23228f2facb40ef8abd3ff6791b3496~tplv

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/897c75dc11e54d38be5d8902fd179feb~tplv

首先在src中建一个http 文件夹 ，其中又有两个子文件夹 config 以及api 和一个index.js 文件，config文件夹中有一index.js 文件 先说http/index.js 因

为什么要封装axios？随着我们的 `Api` 越来越多，我们可能需要给他们不同的分类，但我们并不希望每次调用都从不同的文件夹引入不同的 `Api` ，因此在 基础请求 + 拦截器 之外，我们还需要一

文章目录 1、Pinia 介绍 ① 核心特性 ② 核心概念 Ⅰ. state Ⅱ. getters Ⅲ. actions Ⅳ. 提示：Pinia 中没有 mutations。 ③ 基本示例 ④ Pin

1.npm install XXX -s 后面的s指的是save 局部安装 写在package.json文件中的dependencie里。 dependencies： 表示生产环境下的依赖管理； 说白

前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验前人经验