- 博客(83)
- 收藏
- 关注
RSS订阅原创 动态路由刷新后消失或重定向到404
当用户刷新页面时，Vue Router 动态路由的内存会消失，会重新触发路由守卫（如 beforeEach），所以也需要重新加载动态路由。使用 next({ …登录后路由守卫中没有加载动态路由，则会导致菜单内容加载不出来。
2025-04-09 20:02:16
205
原创 缓存组件＜keep-alive＞
报错内容：parentComponent.ctx.deactivate is not a function。解决: 给component添加key属性，否则在触发deactivate钩子时会出问题。组件, 默认会缓存内部的所有组件实例，当组件需要缓存时首先考虑使用此组件。：tab切换时，对应的组件保持原状态，使用keep-alive组件。：路由切换回来时如果需要保持当前路由界面下的状态，就需要使用缓存。.定义路由时添加字段标识 isKeepAlive，防止缓存所有路由。
2025-02-10 15:15:26
500
原创 Unexpected token ‘＜‘, “＜!doctype “... is not valid JSON
/src/assets 和 /pulbic(绝对路径)中引用静态文件的区别，放对位置，路径正确即可。路径解析错误，根据报错显示的行数或路由，定位错位文件。在前端开发时，遇到以下报错内容。
2024-12-09 16:30:36
3240
原创 统计vue项目代码行数
找到项目，在总目录名称下右键单击，“git bash here”,只需要统计src路径下的.html .js .css .vue相关的文件代码行数。：运行git命令即可。
2024-11-25 16:47:08
385
原创 使用d3.js开发树状图并为不同属性添加不同颜色
D3.js的优势 ： 相对echarts等可视化库，允许用户通过JavaScript对可视化效果进行深度定制，以满足各种特定需求。官网：https://d3js.org/github地址： https://github.com/d3/d3/wiki官方API：https://github.com/d3/d3/blob/master/API.md使用原生Js和d3.js开发树状图
2024-10-18 10:45:09
1041
原创 可视化大屏自适应
一般需求是主流宽高比，如果需求是必须撑满各种比例的屏幕，会出现元素缩放占比不平衡的问题，为保证效果，建议以多数比例为主进行开发。等比缩放（能保证不变形，但是可能显示不全），如果宽高都适配，可能出现比例失调问题。.主要根据屏幕宽高比，自适应调整元素宽高比。容器元素撑满宽高，内部子容器元素进行缩放。
2024-09-25 15:38:52
284
原创 CSS解决点击事件无效情况
在开发多层视图时，上面有遮罩层遮住下方元素，点击事件时，鼠标点击下方元素是无效的，所以先查看下是被点击的元素是否被遮挡。
2024-09-19 15:19:39
333
原创 Git-commitlint
commitlint:在多人协作的背景下，git 仓库和 workflow 的作用很重要。而对于 commit 提交的信息说明存在一定规范，现使用 commitlint + husky 规范 git commit -m “” 中的描述信息。subject may not be empty [subject-empty]
2024-07-29 14:44:06
440
原创 blender素材库
材质下载：https://ambientcg.com/官网：https://polyhaven.com/zh。官网： www.blenderkit.com。官网： www.blender-3d.cn。官网：www.blendermx.com。官网： blendswap.com。1、Blender3D模型库。2、Blender模型库。
2024-07-26 12:46:40
4339
原创 超详细的threeJS教程(一)
无论是Vue + three.js 还是 React+three.js ，直接通过npm命令安装即可。四个参数fov, aspect, near, far构成一个四棱台3D空间，被称为视锥体，虚拟场景 （scene）+ 虚拟相机(Camera) + 渲染器(Renderer)，才会渲染出,注意near和far的值，以为相机和物体的位置关系。给物体添加什么颜色/种类的光，光的强度和是否衰减。
2024-07-25 15:04:13
437
原创 Blender材质-PBR与纹理材质
新建着色器 -> 新建纹理 -> 新建映射 -> 新建纹理坐标（shift+A）也可在纹理载入和着色器之间，插入“混合”左上角：编辑器类型中选择，着色器编辑器。，或插入渐变实现纹理渐变。
2024-07-23 16:44:04
769
原创 blender使用(四)-物体吸附与晶格形变、阵列、曲线、蒙皮修改器
编辑模式下， 选中点，移动这个点时可以根据衰减曲线移动。：一个物体移动到另一个物体表面时，自动吸附上去。若在物体模式下做过缩放，右键单击物体，选择。晶格可以包裹住整体物体，或者物体的一部分。新建一个点，通过E挤出边，添加蒙皮修改器。在物体模式下缩放，尽量在编辑模式下缩放。晶格修改器，使用晶格来使物体发生形变。新建曲线后，shift选中2个点，按住。添加后，选中某个点，通过E挤出。-选择晶格点，移动、旋转、缩放。-添加一个晶格对象，默认1米。-添加晶格修改器，指定晶格。数据属性，U，V，W。
2024-07-23 16:42:15
1302
原创 blender使用- 置换修改器
对于物体可以先做细分，然后添加置换修改器，添加贴图。再对贴图的参数进行修改，渲染想要的效果。旋转模式下（按下s），z表示方向，0表示平整。
2024-07-22 13:00:56
571
原创 blender使用（三）常用建模操作及修改器
编辑模式下，ctrl + R 表示环切，环切时 按住alt表示增加环切线，shift+ctrl+R 表示偏移环切边。：通过ctrl+j 合并2个物体为一个整体，然后在编辑模式下选中需要桥接的边，右键->桥接循环边即可。选中一个边后，ctrl+B ，拖动鼠标是倒角范围，滚动鼠标滑轮表示倒角大小。tab编辑模式，选中一个点/线/面，按键E，可以挤出对应的图形。：编辑模式下，选中需要分离的那部分物体，快捷键 p 进行分离。：编辑模式下，K表示切割，esc或空格退出切割模式。编辑模式下，M表示合并，V表示断开。
2024-07-17 10:32:26
671
原创 ElementUI组件库，分页组件靠右显示
分页组件 ，el-pagination组件默认靠左显示，靠右显示的话只需给layout添加一个“->”属性值即可,
2024-07-15 08:42:00
1048
原创 Blender使用(二)点线面基本操作
先选中一个点，再alt+双击 ，循环选择一个路径上的点（横向还是纵向要根据鼠标相对这个点的方向来定)。或者通过ctrl + alt +双击表示垂直循环选中。：选中一个点，ctrl+小键盘上的+号，增加选区，减号表示减小选区。进行切换，为了方便菜单调出，可以设置键位映射为拖动时的饼菜单。：ctrl+alt + 双击，表示选中路径上的面。： 选中一个点，按下x，可选择删除顶点或其他组成。：alt + 选中一个点： 将多个点选中。(注意不要点击鼠标)，即可弹出编辑菜单。：选中一个点+ L ，表示选中相邻的点。
2024-07-13 15:16:58
1515
原创 在uniapp中如何使用地图
最好是使用webview + html形式加载，避免打包app时的地图加载问题。对应的html一定需要注意目录结构。//从其他组件传来的值。
2024-07-12 16:57:49
673
原创 数据从后台来，Echarts数据为空未渲染
Echats数据为空，未渲染，封装接口->async 访问接口后，await获取到数据 -> 处理数据->再初始化图表与定义option->setOption。是访问接口是异步的，渲染后数据才获取到。echarts图表并未渲染，挂载后，访问所封装的接口即可。
2024-06-28 13:34:25
458
原创 vue中数据响应式选择ref还是reactive?
语法上来说，两者都可以实现响应式，之所以有ref和reactive，是为了更加方便的将不同的数据类型分类处理。：reactive只能声明对象/数组，ref可以响应任意数据类型，但是使用时需要加.value进行解包。解构对象时，要想保持对象的响应式，注意使用toRefs函数，否则会失去响应式。但是在使用时，reactive直接赋值非常容易丢失响应式。
2024-06-25 16:16:20
596
原创 ElementUI组件库，分页组件靠右显示
分页组件 ，el-pagination组件默认靠左显示，靠右显示的话只需给layout添加一个“->”属性值即可,
2024-06-25 14:13:04
857
原创 Vue中定义src在img标签使用时加载不出来
-vue3的语法，vue2类似--> < template > < img :src = " " /> < script setup > import {const src = ref('图片路径')；--vue3的语法，vue2类似--> < template > < img :src = " " /> < script setup > import {const src = ref('图片路径')；
2024-06-20 17:02:19
1498
2
原创 B/S项目如何上线？前端如何打包
指的是将项目部署到互联网平台，通过外网可访问项目。:代码环境配置、网络服务配置。网络服务或云服务一般是运维方面负责，对于来说主要是相关准备。
2024-06-11 11:42:33
476
原创 以地图为底图添加图表，保留拖拽功能
给覆盖层的div添加样式 pointer-events: none;目的是确保div不会拦截鼠标事件。：因为被div覆盖，所以地图不会被点击行为触发。：绝对定位后，提升其z-index值即可。分享出来避免大家走弯路。
2024-05-08 17:43:04
260
原创 Vue3 + leaflet设置地图的主题颜色,添加背景图,折线样式
leaflet相关的详细说明文档。渲染地图要素，改变地图样式。vue3添加背景色、折线样式
2024-04-20 10:43:52
1426
原创 通过域名访问项目的详细教程
1.1 选择商：用户可以选择大型的域名注册商如GoDaddy、Namecheap等，也可以选择国内的域名注册商如阿里云、腾讯云等。1.2 确定域名：在选择域名时，需要遵循简洁、易于记忆和与网站内容相关的原则。同时，还需要检查域名是否已被他人注册。1.3 注册域名：在选择好域名注册商后，用户需要根据注册商的指引，填写域名注册信息，包括域名所有者信息、联系方式等。1.4 支付费用：域名注册需要支付一定的费用，根据注册商和域名的后缀不同，费用也会有所差异。
2024-04-16 15:45:47
1268
原创 文件上传失败原因分析与解决
*原因分析：**上传时头部信息，content-type内容不对应，修改为multipart/form-data即可。：在前端开发时，需要通过表单元素上传图片或其他文本，但是上传不成功，后端接口也没问题。
2024-03-28 16:59:21
1394
1
原创 query路由传值出现乱码问题
如果获取对应的query传的值，可以根据不同的应用框架，比如项目中使用的是Vue还是React，使用对应的api，获取query的传值即可。：传值过程中，浏览器强制对所传的数据进行了encodeURI加密。：使用decodeURI,当然前提是获取到传来的值。
2024-03-28 16:32:37
632
原创 uniapp打包小程序，使用$refs报错解决办法
Uniapp中可以使用 $refs ，但是需要注意在APP和小程序平台中，不能引用 view 内置组件，循环创建的自定义组件也不能使用 ref;
2024-03-25 13:57:22
1941
1
原创 Vue2与Vue3区别02-响应式的实现及ref与reactive区别
ref定义的数据，操作数据需要.value，读取数据时模板中直接读取,不需要.value。 reactive通过使用Proxy实现响应式，并通过Reflect操作源对象内部的数据。 对象类型：Object.defineProperty()对属性的读取/修改进行拦截。 通过Proxy(代理)：拦截对象中任意属性的变化，包括：属性值的读写/添加/删除。 通过Vue.set()或vm.$set()实现新增属性/修改更新。 通过Reflect(反射)：对源对象的属性进行操作。......
2022-08-07 23:55:30
900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人