今天客户要求看一下数据大屏开发到那里了，于是走流程项目打包发布，然后懵逼了，无法正常访问，排查后发现报错了。
Failed to load module script: Expected a JavaScript module script but the server resp...
yekong
1年前 (2023-08-01)
喜欢
2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
yekong
1年前 (2023-08-01)
喜欢
要在Photoshop上纵向均匀添加三条线，可以按照以下步骤操作：
打开您想要添加线条的图片。在菜单栏中选择文件，然后选择打开，找到您的图片文件并点击打开。
选择线工具。在左侧的工具栏中，找到线工具，它可能隐藏在矩形工具或者椭圆工具下面，点击并按住这些工具，会出现一个下拉...
yekong
1年前 (2023-07-31)
喜欢
数字滚动效果
动画效果
在Vue.js中，可以使用countUp.js插件实现数字滚动。这是一个独立的，能让你创建动态递增或递减的数字动画的JavaScript库。
首先，你需要在项目中安装这个库：
npm install countup.js --save
然后，在你的组...
yekong
1年前 (2023-07-31)
喜欢
在ECharts中，如果横坐标的数据太多，你可以通过添加dataZoom组件来实现拖动效果，dataZoom组件提供了数据区域的缩放和平移交互功能，可以使用户在查看数据详情的同时，保持大局观。以下是一个基本的示例：
var option = {
// ...
da...
yekong
1年前 (2023-07-31)
喜欢
在项目开发过程中，一般背景图片使用一个背景图就可以了，但是在实际项目开发中，会遇到各种情况，比如同一个组件需要在不同的宽高下使用，这时候如果复用同一个背景图那么图片就会变形。
多背景图拼接
在之前的项目开发中，遇到这种情况会使用vue 实现安卓.9图片类似的效果九宫格图片，这种类...
yekong
1年前 (2023-07-29)
喜欢
项目开发中，使用vue3的写法时，使用watch监听props没有触发接口请求
在 Vue 3 中，由于一些性能优化，watch 不会监听到 props 的变化。对于这种情况，可以使用 watchEffect 来替代 watch。下面是代码修改后的版本：
<script s...
yekong
1年前 (2023-07-28)
喜欢
watch 和 watchEffect 都是 Vue 3 提供的响应数据的变化的 API，但它们之间有一些关键的区别。
启动时的行为：watchEffect 在声明时会立即执行一次回调函数，而 watch 默认情况下则不会。你需要在 watch 的选项中设置 immediat...
yekong
1年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，之前我们实现的是：threejs 3d地图通过gsap实现从远到近的入场动画，今天要实现的效果是：地图标签要显示自定义图标，并且鼠标移入地图后，弹窗显示地图区域的内容。
threejs版本号
"three": "^0.154.0...
yekong
1年前 (2023-07-28)
喜欢
数据可视化大屏项目开发工程中，对效果追求越来越高，所以前端也需要不断的积累效果，以便于快速应用到项目用，不用等到用的时候才想到开发，时间上就紧张了，今天要实现的是地图从远到近的入场动画。
threejs版本号
"three": "^0.154.0",
vue版本号
"vue...
yekong
1年前 (2023-07-28)
喜欢
![vue3 watch([props.id,], getData); 监听props数据变化后请求接口](https://images.wanjunshijie.com/img/pic/10.jpg?imageView2/1/w/200/h/123/format/jpg/interlace/1/q/75|watermark/2/text/5a6M56uj5LiW55WM/font/5pa55q2j6buR5L2T/fontsize/240/fill/I0ZBRjZGNg==/dissolve/100/gravity/SouthEast/dx/10/dy/10)
