- 博客(110)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 react+vite+antD+reduce+echarts项目完整记录
之前写前端项目，都是用的vue，从最开始的vue2到后来的vue3，断断续续写了3年，打包工具也从webpack转到了vite，全局数据管理工具从vuex转到了pinia。总体而言，vue3对比vue2，有非常明显的提升，vite比webpack打包的速度更是快了无数倍，至于pinia和vuex，因人而异，我更喜欢pinia，组合式api的写法深得我心。总而言之一句话，我是全方面拥抱了vue3的新技术栈，当然，除了TS，TS对后端比较友好，我只能算半个后端，用不用无所谓。
2024-03-28 18:05:02
1203
原创 vue+node+mysql全栈项目完整记录
因工作需要，近半年一直在写B/S架构的项目。博主作为门外汉coder，其实刚开始会的语言只有Python和matlab。matlab作为博主研究生期间写论文的主要工具，参加工作以后就很少用了。后面因为要做数据分析相关的工作，所以自己学了一下Python，包括qt界面开发相关的技术。个人觉得Python作为后端开发语言，其实已经很强大了。现在在后端开发领域之所以java依旧是王者，主要是因为很多项目都是java开发的，用java维护起来更加方便。被大家诟病的弱类型语言，其实Python3已经可以强制类型了。
2023-01-17 11:26:38
20127
17
原创 node.js+elementUI+echarts前后端分离全栈项目
博主前期的技术栈是Python Django后端+原生js以及jQuery这一套，但是感觉太小众了，于是一直在啃node.js和vue的相关技术，动手写了3个项目后，全部跟着B站UP写的，其中自己也改了一些内容，筚路蓝缕，总算入门，记录一下。...
2022-09-01 11:14:19
28348
原创 PyQt5设置登录界面及界面美化
写在前面前一段时间博主刷了半个多月的LeetCode算法题，刷的归类为简单的那些题，做到自己简直要怀疑人生。想着人生在世，何苦这么为难自己呢，何不做点自己擅长的东西。想到博主还有个项目没做完呢，于是开始捣鼓起来。项目的最终成果是要写一个软件，把所有研究的内容可视化的展示出来，研究的内容都写的差不多了，还差个登录界面，于是就开始元气满满的干起来。先上编译环境：Python3.7pycharm2020专业版PyQt5博主习惯用Spyder做编译器，但如果做大项目，最好还是用pycharm，不然总
2020-11-12 20:01:16
53343
8
原创 Python实现经纬度空间点DBSCAN聚类
写在前面博主前期科研工作中，涉及到要对某个地区的一些空间点进行聚类分析，想到读研期间，曾经用DBSCAN聚类算法实现了四线激光雷达扫描的三维点云数据聚类（论文题目：基于改进DBSCAN算法的激光雷达目标物检测方法），当初用matlab实现的，虽说是改进的算法，但改进方法非常原始。DBSCAN是一种非常实用的密度聚类算法，而地理空间的经纬度点聚类，没有其他维度的信息的话，毫无疑问可以用密度聚类。于是博主重新熟悉了一下算法，并做了一些改进，用Python实现，记录在博客里面。编译环境：Python3.7
2020-09-22 09:33:32
71968
146
原创 利用Python的folium包绘制城市道路图
写在前面很长一段时间内，我都在研究在线地图的开发者文档，百度地图和高德地图的开发者中心提供了丰富的在线地图服务，虽然有一定的权限限制，但不得不说，还是给我的科研工作提供了特别方便的工具，在博客前面我先放上这两个在线地图开放平台的web API的地址链接：百度地图开放平台高德地图开放平台基于这两个平台，博主进行了一系列的开发研究工作，本文介绍其中一项技术，如何用folium包绘制城市道路图，当然，也可绘制非城市道路图，只要提供正确的路名就行了。开发工具：Python3.7Spyder编译器
2020-08-18 14:56:19
59837
18
原创 Python批量操作文件写入数据库及从数据库取数据
写在前面博主工作长期需使用到数据库查询数据，因而接触到了数据库的一些皮毛知识。但是数据库和办公网不能互通，远端访问也没法实现，所以长期以来查询数据都相当麻烦。近期博主在自己的工作电脑上搭建了一个的MySQL数据库，并尝试导入一些数据进去，顺便自己查询，其中遇到了各种各样的问题，才深刻领悟到后端操作的艰难，写篇博客记录一下其中的艰难过程。编译环境：Python3.7编译器：pycharm数据库可视化软件：Navicat premium 15数据库：MySQL 8.0.20数据库搭建博主的数据
2020-07-20 12:55:23
62339
6
原创 vue3+mapv实现百度地图路书功能
前期写了一篇，介绍在vue项目中如何使用mapv说实话，在vue项目中使用mapv是一如既往的艰难，我在使用vue开发电子地图相关项目时，一般都会用这个开源包，确实提供了不少便利，但有一说一，目前还有很多bug，而且百度官方提供的很多可视化功能中，这个包并没有提供现在，我想在百度地图上显示车辆的动态轨迹，百度js api已经提供了，但总感觉原生的效果不怎么理想，mapv提供了效果炫酷的，效果就是我想要的，但前面提到，想要在vue中使用mapv，确实不容易折腾了一上午，总算把效果实现了，记录一下过程。
2024-05-23 11:27:17
387
原创 kaggle之皮肤癌数据的深度学习测试
模型对基底细胞癌的错误预测最多，编码为3，其次是血管病变编码为5。黑素细胞痣编码为0，光化性角化病编码为4，误分率最低。还可以进一步调整我们的模型，使之更容易达到80%以上的精度。不过77.0344%的预测结果与人眼相比，该模型仍然是有效的。
2024-04-26 12:00:30
863
原创 node+vue3的websocket前后端消息推送
前期写web项目时，前端获取数据的方式一般是向后端发起数据请求，然后后端向前端发送数据，然后对数据进行渲染，这是最常规的一种数据通讯方式，适用于绝大部分前后端分离的项目实际上还有一种场景，需要后端向前端主动发送数据，然后前端更新视图，这种一般出现在数据大屏显示项目中。后端每间隔一段时间向前端发送数据，然后驱动前端更新页面，使用的技术是websocket，研究了一段时间，算搞明白是怎么回事了先看看最终前端的展示效果这里我用的后端是node，服务框架用的是express首先安装express和ws，我的安装包信
2024-04-16 18:04:03
756
3
原创 vue3页面导出为PDF文件
尝试了很多方法，都没有找到完美的解决方法目前网上有个思路，就是将页面先转存为图片，然后将图片另存为PDF文件记录一下完整过程。
2024-04-11 14:55:31
612
原创 react+redux完成登录页面及token的存取和登录保持
关于登录页面，我在写vue项目的时候，写了很多篇博客来记录。原因是登录确实比较复杂，涉及前后端联调、全局数据管理、浏览器本地存储等多个环节的技术。框架换成react后，逻辑是一样的，但是技术栈及语法却完全不一样了，有必要记录一下整个过程。首先看看登录界面，简单的两个输入框，和一个登录按钮，用的antDesign的UI框架。
2024-03-27 10:23:50
999
原创 vue3中的文字滚动播报
之前UI框架一直使用的elementPlus，有个需求，需要在页面上写个滚动播放新闻的功能，发现UI框架居然没有这个组件。花了一下午，在ChatGPT的帮助下，总算写成功了，先看最终展示效果web页面滚动播放文字视频被压缩的稀烂了，GIF又没法上传，截个图看看吧直接上代码：
2024-03-14 18:01:56
821
原创 vue3中watch侦听器的使用
侦听器（watch）是vue的核心语法之一，用于监听数据的变化情况。在写项目时经常会遇到，但经常忘记，重新学习了一下尚硅谷的vue3视频，记录一下最新的用法情况。
2024-03-07 16:07:14
1018
原创 vue3项目中使用mapv
目前mapv在vue框架中的使用案例还是比较少的，官网给的示例都是原生写法，写在项目中不是这里报错就是那里报错🙈，几乎可以把人整崩溃。不知道怎么回事，百度地图的开发团队似乎更加倾向于react或者原生，而对vue的支持明显不够，对国内开发者不太友好。不管是mapv还是echarts，似乎都存在各种各样的坑，尤其是设计地图的开发展示另外，开源是一把双刃剑，有些开源的作者简直提供的就是一堆垃圾代码，如果不能维护好，建议先不要开源（个人意见）真的是春节前的最后一篇技术博客了，希望来源永无bug。。
2024-02-06 18:26:40
1820
2
原创 vue3项目中的404页面
春节前的最后一篇技术博客了写了不少vue项目，发现一直没有正确处理404页面。也就是说404页面是为了防止用户访问不存在的路由地址而设计的，当用户访问一个不存在的地址时，这个地址将会重定向至404页面。
2024-02-05 11:47:37
1840
原创 vue3+echarts绘制某省区县地图
工作中经常需要画各种各样的图，echarts是使用最多的工具，接近春节，想把之前画的echarts图做一个整合，方便同事和自己随时使用，因此用vue3专门写了个web项目，考虑之后不断完善其中有这么个需求，需要展示某省各区县的数据，写在vue3项目中，最终展示结果如下：大体的思路如下：主要用的程序语言是JavaScript和Python下面详细介绍，有些技术细节也是自己经常遇到的，通过这段时间强化训练，感觉对echarts越来越熟练了首先上地址，阿里云数据可视化平台，感谢阿里和高德提供如此牛逼的工具然后选择
2024-01-26 09:15:54
1691
1
原创 vue3中的插槽使用
vue插槽分三种，默认插槽、具名插槽和作用域插槽，实现在同一个组件中填充不同的内容，项目中也经常会遇到，自己写的可以复用的组件中，经常会用到前2种，而UI组件库中经常会用到作用域插槽，记录一下用法。
2024-01-15 15:40:58
579
原创 vue3中组合式api的常用方法
记录一下vue3中常用的组合式api，包括计算属性computed、监听器watch及watchEffective。
2024-01-12 15:40:06
527
原创 node后端+vue前端实现接口请求时携带authorization验证
我们在写web项目时，后端写好接口，前端想要调用后端接口时，除了登录注册页面，所有的请求都需要携带authorization，这样是为了避免随意通过接口调取数据的现象发生。这是写web项目时最基础的点，但是也挺麻烦的，涉及前后端好几个地方的编码，经常忘记怎么写的，现在记录一下。大体就这么几个步骤，下面细化。
2024-01-11 16:43:15
1819
原创 VUE3实现点击按钮下载文件功能
在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript写法，长期在写vue项目，原生的写法都很陌生了，记录一下先上组件的原始代码：我用的是vue3+setup语法糖写法，代码比较长，关注一下与下载相关的代码
2023-12-29 08:50:59
3564
原创 ElementPlus中的分页逻辑与实现
分页是web开发中必不可少的组件，element团队提供了简洁美观的分页组件，配合table数据可以实现即插即用的分页效果。分页的实现可以分成两种，一是前端分页，二是后端分页。这两种分页分别适用于不同的业务场景，分页写了无数回了，但一直记不住，因此记录一下这两种分页效果的逻辑和实现。
2023-12-14 09:36:25
2580
1
原创 vue3父组件调用子组件el-dialog对话框
在写项目的时候，经常要使用父子组件通讯，我已经写了很多篇博客来介绍父子组件通讯了，vue中的父子组件通讯方式有差不多10来种，最常用的就那么一两种，这里我介绍其中我认为最基础的两种。因为目标是在父组件中，通过点击按钮事件来打开子组件中的el-dialog对话框，所以比传统的父传子要复杂一点。
2023-12-13 08:43:44
2190
6
原创 vue3项目中使用iconfont图标
写前端项目时，经常要用到iconfont图标，我最原始的方法是吧iconfont图标下载为png/svg文件，然后在文件中作为资源引入，后来发现这么搞太不专业了记录一下相对比较靠谱的使用方法。
2023-12-05 18:26:54
1969
1
原创 ElementPlus自定义表单验证
/ 密码的验证规则![0-9]+$)(?!if (!callback(new Error('密码必须是由6-20位字母+数字组合'))} else {callback()核心在于正则表达式。
2023-12-01 14:44:58
278
原创 Element-plus消息框显示不正常解决方案
不知道问题出现在哪里，反正就是点击按钮并没有在页面上弹出对应的框，而是在某个角落显示，经常遇到，老是忘记怎么写，记录一下解决方案。在main文件中引入message和message-box对应的样式文件就可以了，我怀疑这是由于局部引入时没有引入样式文件造成的。
2023-11-29 14:42:22
199
1
原创 css实现鼠标悬停时元素的显示与隐藏
注意，悬浮是悬浮在layer的父元素也就是menu上，悬浮时，设置display:block；感觉这个功能经常会遇到，但一直没弄明白具体怎么实现的，现在仔细学习了一下，总算搞清楚了。首先看正常情况下，鼠标未悬浮时layer的样式。跟着B站黑马学习小兔鲜项目，有个点记录一下。上面是完整代码，关键在于layer的样式。
2023-11-13 15:53:02
2275
原创 CSS中的栅格布局
在写前端项目的时候，我之前一直习惯使用flex布局，flex布局写起来比较随心，几乎可以实现任意形式的页面布局。不过自从B占看到某位大佬的grid布局后，发现布局居然还可以这么玩，正好自己在写一个vue3的项目，需要写几个大屏展示方案，用栅格布局实现了一下，发现真香看一下最后的实现效果，真实效果比这个好很多，因为有数据和地图，但这里主要记录怎么使用栅格布局，所以我只将精髓页面分上中下三部分，整体使用flex布局，排列方向是column。上面是标题，中间是数据看板，下面是展示的核心内容上面也是用的flex布局
2023-10-30 10:22:00
309
1
原创 ElementPlus表格中的背景透明
最近写大屏，用到elementplus中的el-table，为了让显示效果好看一点，需要把表格的白色背景调整为透明，与整个背景融为一体。可以参考的资料非常少，大部分都是ElmentUI的方法，在某个前端开发群里问了一下解决方案，大佬给出的解决方案直接让我拍案叫绝，记录一下，以后翻起来更容易。
2023-10-20 16:34:00
1071
1
原创 在线地图获取城市路网数据
近期科研项目中，需要获取城市路网数据，于是详细阅读各大在线地图api接口，总结出来这么一条可行的思路：1. 首先获取城市轮廓2. 根据城市轮廓把城市分割成若干个小块3. 在每个小块中根据在线地图的POI检索接口，检索小块中的道路，获取道路清单4. 根据道路清单去获取道路经纬度数据
2023-09-25 16:11:31
1514
原创 vue3中使用第三方插件mitt实现任意组件通讯
组件通讯是vue3组合式开发的核心之一，现在我在写代码时，一个组件的代码超过了200行，基本都会拆分组件。
2023-08-18 15:37:11
1390
原创 解决vue3+echarts关于无法获取dom宽度和高度的问题
不过还有个问题得说一下，很明显，我用了elementplus作为UI框架，我特别喜欢el-card这个组件，所以很多时候我都用它来做布局，但是我在用的时候，发现我很难掌握它的布局规律，尤其是在结合echarts画图的时候，各种dom相关的问题层出不穷，所以我不得不放弃使用el-card，二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高，这个问题一般出现在设置dom节点的宽和高时，用了百分比形式，ECharts的宽高默认是以像素为单位的，并不能直接使用百分比来设置。
2023-08-04 14:34:45
5659
2
原创 vue项目登录页面实现记住用户名和密码
下次再登录，就会根据上一次的勾选状态来判断是否填充form输入框，逻辑如下。挂载页面时，判断localstorage中是否有需要的对象。记录一下实现的逻辑，应该分两步来理解这个逻辑。因为逻辑比较简单，就不再画图了。
2023-07-27 15:27:59
2411
2
原创 vue3中动态设置echarts图的高度
近期写个vue3项目，中间要使用echarts图，因为要适配不同的显示器，简直快被搞疯了。这个问题搞了无数次，但每次都会遇到，记录一下本次的解决方案。
2023-07-24 11:16:49
1793
原创 vue3使用provide&inject实现祖孙组件通讯
之前在使用vue2时，写过一篇博客记录简单来说，父传子通过自定义属性，子传父通过自定义事件，兄弟间通过事件总线。也有更直观的vuex实现任意组件之间的数据通讯，但写起来实在太复杂vue3父子组件传值方式类似，只是写法有所变化，同时取消了事件总线，依然可以使用vuex，不过我更倾向于在vue3中使用pinia实现数据管理，最近写的项目也都是用的pinia，虽然推荐这种写法，但其实原理和vuex一样，都挺复杂还有一个问题，就是祖孙组件之间的数据通讯，按理说pinia或者vuex都可以实现。
2023-07-13 09:28:52
328
原创 vue3+pinia用户信息持久缓存（token)的问题
对博主来说，这是个相当复杂的问题。当初在使用vue2+vuex进行用户信息持久登录时，写了不下3篇博客，确实是解决了问题，博客链接如下第一篇博客是记录前端如何使用token，简言之，就是先把后端传过来的token写入到浏览器的localstorage缓存中，前端在处理路由之前，先检查localstorage中有没有token，有token就放行，没有token就跳转到登录界面第二篇博客是发现token过期后的处理方式，最后我的vue2项目都没有使用这篇博客中的解决方案，而是使用了第三篇博客的解决方案。
2023-07-06 14:15:58
4177
TA创建的收藏夹 TA关注的收藏夹
TA关注的人