weixin_44689966的博客

原创 麒麟系统中使用nginx发布项目

麒麟系统，nginx

原创 一个简单的滑动变色滑动条

【代码】一个简单的滑动变色滑动条。

原创 使用border-image实现渐变边框

"./svg边框.svg"

原创 Konva中滚动问题

现在有两个group,想要的效果时拖动绿的group时，红色group按照相同方向移动同样距离。可以在绿的group的拖动方法中。移动红色的group。

原创 通过Konva.js实现canvas列表滚动

canvas滚动

原创 antdv中的modal弹窗打开之后无法关闭

删除node_modules，删除package-lock.json。修改vue的版本，固定为3.3.x。具体问题可以看这个官方issue。

原创 本地页面样式显示正常，别的电脑样式不正常

devicePixelRatio，页面被缩放

原创 设置自己的字体

原创 antdv中的slider组件会默认将min值传递给value

如果是使用响应式变量，会将min的值传递到v-model对应的变量里。

原创 点击dom，出现黑色边框:focus-visible

点击dom出现黑色边框

原创 在项目中集成marsUI

npm i less。

原创 vue3+ts扩展全局属性

在使用vue3 + ts配置全局变量，需要添加一下扩展。

原创 react+vite升级antd 4 -＞ 5 报错 rc-util/node_modules/react-is not provide an export named ‘isFragment‘

Uncaught SyntaxError: The requested module '/node_modules/rc-util/node_modules/react-is/index.js?v=867e4f9c' does not provide an export named 'isFragment'

原创 webgl(一)画一个点

【代码】webgl(一)画一个点。

原创 echarts中横向柱状图的数字在条纹上方

实现方法：这些数字是用新添加一个坐标轴来实现的。直接添加坐标轴数字显示是在条纹的正右边。实现效果： 数字在条纹的上方。所以需要配置一下偏移。

原创 访问http://localhost:3002/index.html 与 http://localhost:3002/

vue 路由

原创 mars3d使用自己的字体库添加对应的图标

需要引入对应的文件引入对应的图标文件使用效果。

原创 修改mars3d地球背景色

示例链接修改代码。

原创 fetch获取链接数据

【代码】fetch获取链接数据。

原创 通过Nginx请求本地资源

nginx访问本地文件

原创 将打包之后的dist文件放在Nginx上运行

打开终端，路径切换到nginx文件夹中，运行start nginx 启动nginx服务。接着在地址栏中输入http://localhost/，就能看到dist文件运行的内容。官网：http://nginx.org/en/download.html。将dist文件夹下面的文件全部复制到html文件夹里面。这里解压到c盘根目录。

原创 css实现文字在一个矩形框内均匀分布

【代码】css实现文字在一个矩形框内均匀分布。

原创 请求数据报错403

可以在浏览器中使用localhost的启动地址，而不是ip的启动地址。

原创 forEach中使用await出错

forEach中使用await

原创 前端：vue3+vite+后端：egg

将target修改为egg启动后控制台打印的地址，不能为localhost。在启动前端项目时，一直提示。应该修改vite文件中的。

原创 Echarts 饼状图label样式

饼状图的label前面需要有一个对应颜色的竖条，在对应扇形的附近展示。主要是使用富文本的方式实现。可以直接在示例中运行。

原创 Vue3和vite环境中动态引入图片

Vue3+Vite环境动态引入图片

原创 antdv中时间选择器a-range-picker中英文混杂

RangePicker

原创 typescript的相关操作

typescript

原创 初步学习mars3d-vue-project中widget的使用(一)

mars3d,widget

原创 使用canvas绘制基本的序号图标

canvas

原创 Mars3d最简项目模板学习（一）

Mars3d

原创 VScode中debug

VScode debug

原创 渐变边框的css实现【border-image属性、linear-gradient属性】

渐变边框的css实现【border-image属性、linear-gradient属性】

转载 Mars3D基础项目Vue版发布

Mars3D

转载 Mars3D开发基础学习:场景特效

平台支持一些场景特效，包括 雾天气,雨天气,雪天气, 泛光特效,亮度效果,夜视效果,黑白效果,马赛克效果,景深效果 等。特效底层是使用后处理(Post Processing)来实现，后期处理的过程有点类似于照片的PS。生活中拍摄了一张自拍照，看到照片后发现它太暗了，于是我们增加亮度得到了一张新的照片。在增加亮度后发现脸上的痘痘清晰可见，这可不是我们希望的效果，于是再进行一次美肤效果处理。在这之后可能还会进行n次别的操作，直到满足我们的要求。上述这个过程和三维里面的后期处理流程非常类似：拍的原始照片相当于三维

转载 Mars3D开发基础学习:管理及分析功能

Mars3D、火星科技、Cesium

原创 v-if、v-show与自定义指令

自定义指令

原创 黑马Vue电商后台项目的一些优化

优化一：删除自动跳转到上一页优化前：删除最后一页最后一条数据时，无法自动跳转到上一页优化后：可以自动跳转到上一页优化二：保留当前页优化前：每次刷新都会重置当前页，以及当前页显示的条数优化后：刷新时停留在当前页，不会跳转到第一页，且每页的显示条数会保留优化三：数据处理需求点击叉号：后台删除数据，前台将点击的方框移除解决：为了防止已经打开的展开行闭合，同时又要将删除的标签从展开行中移除，所以需要需改已经被vue监控的数据，案例中是将判断哪个标签被删除的数据处理交给后台，我将这个数据处理，

原创 ElementUI中的resetFields方法

需求点击按钮弹出修改的对话框出现的bug在点开一个按钮之后，不做操作，关闭对话框，再点开另一个按钮，发现这一行的数据被改变了具体如下造成的原因原因一：我在给弹出的对话框中赋值时，是浅拷贝，导致对话框中的数据源与table中的数据源是同一个数据源，修改对话框中的数据就是修改table中的数据原因二：resetFields仅仅是将字段重置为初始值，并不是将数据清除。上图中第一次绑定的数据是1，所以表单的初始数据就是1，在第二次点击又关闭时，会触发resetFields方法，将对话框中的数据重置为