最新发布 第167页

完竣世界-关注前端分享心得

css

css 背景图片自适应不变形的实现思路

css 背景图片自适应不变形的实现思路
在项目开发过程中,一般背景图片使用一个背景图就可以了,但是在实际项目开发中,会遇到各种情况,比如同一个组件需要在不同的宽高下使用,这时候如果复用同一个背景图那么图片就会变形。 多背景图拼接 在之前的项目开发中,遇到这种情况会使用vue 实现安卓.9图片类似的效果九宫格图片,这种类...

2年前 (2023-07-29) 喜欢

js

js 循环请求接口获取数据

js 循环请求接口获取数据
请求多个接口 对于每个type,你的代码中需要三次独立的异步请求(list_teacher,list_external,list_serve)。这些请求可以同时进行以节省时间。 使用map函数直接生成list,而不是用forEach循环和push。 这是优化后的代码:...

2年前 (2023-07-29) 喜欢

vue

watchEffect 和 watch的区别

watchEffect 和 watch的区别
watch 和 watchEffect 都是 Vue 3 提供的响应数据的变化的 API,但它们之间有一些关键的区别。 启动时的行为:watchEffect 在声明时会立即执行一次回调函数,而 watch 默认情况下则不会。你需要在 watch 的选项中设置 immediat...

2年前 (2023-07-28) 喜欢

threejs

threejs 3d地图添加自定义图片标签鼠标移入地图弹窗跟随

threejs 3d地图添加自定义图片标签鼠标移入地图弹窗跟随
数据可视化大屏项目开发工程中,对效果追求越来越高,之前我们实现的是:threejs 3d地图通过gsap实现从远到近的入场动画,今天要实现的效果是:地图标签要显示自定义图标,并且鼠标移入地图后,弹窗显示地图区域的内容。 threejs版本号 "three": "^0.154.0...

2年前 (2023-07-28) 喜欢

threejs

threejs 3d地图通过gsap实现从远到近的入场动画

threejs 3d地图通过gsap实现从远到近的入场动画
数据可视化大屏项目开发工程中,对效果追求越来越高,所以前端也需要不断的积累效果,以便于快速应用到项目用,不用等到用的时候才想到开发,时间上就紧张了,今天要实现的是地图从远到近的入场动画。 threejs版本号 "three": "^0.154.0", vue版本号 "vue...

2年前 (2023-07-28) 喜欢

vue

vue3项目使用pinia报错

vue3项目使用pinia报错
错误消息提示 "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) 喜欢

vue

pinia 与 vuex 有哪些不同

pinia 与 vuex 有哪些不同
Pinia 和 Vuex 都是用于 Vue.js 的状态管理库,但是它们在设计和 API 上有一些关键的不同。 下面是 Pinia 和 Vuex 的一些主要差异: API 设计:Pinia 的 API 设计更为简洁和直观。在 Vuex 中,你需要使用 mutations 来更...

2年前 (2023-07-28) 喜欢

vue

pinia介绍及使用

pinia介绍及使用
Pinia 是一个用于 Vue.js 的状态管理库,旨在作为 Vuex 的替代品。它可以和 Vue 2 或 Vue 3 一起使用,并且提供了一种轻松管理应用状态的方式。Pinia 被设计为直观并且更易于使用,相比 Vuex 来说,它的 API 更加简洁,并且引入了一些有用的新特性...

2年前 (2023-07-28) 喜欢

js

js 数组求和的方法都有哪些?

js 数组求和的方法都有哪些?
在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) 喜欢