在项目开发过程中,一般背景图片使用一个背景图就可以了,但是在实际项目开发中,会遇到各种情况,比如同一个组件需要在不同的宽高下使用,这时候如果复用同一个背景图那么图片就会变形。
多背景图拼接
在之前的项目开发中,遇到这种情况会使用vue 实现安卓.9图片类似的效果九宫格图片,这种类...
2年前 (2023-07-29)
喜欢
请求多个接口
对于每个type,你的代码中需要三次独立的异步请求(list_teacher,list_external,list_serve)。这些请求可以同时进行以节省时间。
使用map函数直接生成list,而不是用forEach循环和push。
这是优化后的代码:...
2年前 (2023-07-29)
喜欢
项目开发中,使用vue3的写法时,使用watch监听props没有触发接口请求
在 Vue 3 中,由于一些性能优化,watch 不会监听到 props 的变化。对于这种情况,可以使用 watchEffect 来替代 watch。下面是代码修改后的版本:
<script s...
2年前 (2023-07-28)
喜欢
watch 和 watchEffect 都是 Vue 3 提供的响应数据的变化的 API,但它们之间有一些关键的区别。
启动时的行为:watchEffect 在声明时会立即执行一次回调函数,而 watch 默认情况下则不会。你需要在 watch 的选项中设置 immediat...
2年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中,对效果追求越来越高,之前我们实现的是:threejs 3d地图通过gsap实现从远到近的入场动画,今天要实现的效果是:地图标签要显示自定义图标,并且鼠标移入地图后,弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
2年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中,对效果追求越来越高,所以前端也需要不断的积累效果,以便于快速应用到项目用,不用等到用的时候才想到开发,时间上就紧张了,今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
2年前 (2023-07-28)
喜欢
错误消息提示 "No matching export in "node_modules/.pnpm/vue-demi@0.14.5_vue@3.2.45/node_modules/vue-demi/lib/index.mjs" for import ...
2年前 (2023-07-28)
喜欢
Pinia 和 Vuex 都是用于 Vue.js 的状态管理库,但是它们在设计和 API 上有一些关键的不同。
下面是 Pinia 和 Vuex 的一些主要差异:
API 设计:Pinia 的 API 设计更为简洁和直观。在 Vuex 中,你需要使用 mutations 来更...
2年前 (2023-07-28)
喜欢
Pinia 是一个用于 Vue.js 的状态管理库,旨在作为 Vuex 的替代品。它可以和 Vue 2 或 Vue 3 一起使用,并且提供了一种轻松管理应用状态的方式。Pinia 被设计为直观并且更易于使用,相比 Vuex 来说,它的 API 更加简洁,并且引入了一些有用的新特性...
2年前 (2023-07-28)
喜欢
在JavaScript中,有多种方法可以用来对数组进行求和。以下是几种常见的方法及其示例:
方法1:使用for循环
let arr = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < arr.length; i++) {...
2年前 (2023-07-28)
喜欢