![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目经验
小球学前端
没有什么是不可能的,努力吧!
展开
-
【前端小点】Vue3中的IP输入框组件
使用vue3写ip输入框组件原创 2024-01-23 16:18:32 · 1122 阅读 · 0 评论 -
【mars3d】基于vue3的marsgis通用UI库 mars-ui 的使用
一名脑残程序员的mars-ui心酸使用记录。通过mars3d的官网我们可以看到,有配套的UI库使用,那么我们如何使用到自己的项目中呢,跟着文章一步一步来吧!1、引入UI库① 安装ant-design-vuecnpm install ant-design-vue --save② 下载基于vue开发的mars3d的源码,直通车: git clone https://gitee.com/marsgis/mars3d-vue-project.git,如下图所示,将src/components/mar原创 2023-06-28 10:43:26 · 2542 阅读 · 2 评论 -
【mars3d】Cesium实现雷达放射波
先看效果图说明:使用的是mars3d框架,原生的Cesium实现方式可以绕道~原创 2023-06-21 15:07:51 · 1488 阅读 · 0 评论 -
【前端小技能】一个项目中,不同页面使用不同的favicon.ico
如何在一个项目中,使用多个ico文件,根据页面动态修改ico文件原创 2023-01-31 11:21:22 · 487 阅读 · 0 评论 -
【前端小技能】Vue集成百度离线地图
vue项目开发在内网中使用百度离线地图,原创 2022-10-12 11:41:07 · 11516 阅读 · 50 评论 -
【前端小点】ElementUI-Dialog标题添加图标
使用ElementUI实现dialog标题添加图标的效果原创 2022-06-23 11:43:34 · 2175 阅读 · 0 评论 -
【前端小技能】--窗口间数据如何通讯,前端对大数据量如何存储~IndexedDB
在日常开发过程中,浏览器端的存储我们一般采用localStorage和sessionStorage,但是如果碰到大数据量需要存储话,前者则不能满足我们的需求(亲历工作中遇到的问题),所以我们可以尝试使用indexDB.以下是基本使用方法function openIndexDB(dbName, version = 1) { return new Promise((resolve, reject) => { // 兼容浏览器 let indexDB = window.indexedDB ||原创 2022-02-09 17:55:58 · 1820 阅读 · 0 评论 -
《前端小技能》-- vue中使用谷歌地图绘制一个或多个点(开箱即用)
如何在谷歌地图上添加点坐标,并动态设置图标样式,如何实现谷歌地图上的多点聚合,如何在页面中动态引入谷歌js原创 2021-12-08 18:28:41 · 2503 阅读 · 6 评论 -
《前端小技能》-- 前端如何实现断点续传,即大文件分片上传
在日常开发工作中,我们不免会遇到前端进行大文件上传的操作,如果碰到网络差或者网络中断的的情况,可想而知,`一整个文件全部上传`这种方式是不可取的,所以我们可以断点续传,即分片上传文件。原创 2021-12-02 16:12:04 · 3693 阅读 · 2 评论 -
【vue项目问题解决】如何用鼠标滚轮控制元素缩放?
记录在项目开发过程中遇到的问题,积累开发经验,欢迎大家一起留言探讨一个元素(例如div),如何通过鼠标滚轮来控制他的缩放呢,很显然,我们需要为元素绑定监听事件,在vue中如何实现这种效果呢?模板代码:<template> <div class="body" id="body"> <div class="content" id="content"> 我是缩放的元素 </div> </div></tem.原创 2021-11-25 17:46:00 · 2351 阅读 · 1 评论 -
【前端小技能~预览变下载】预览图片-->通过链接地址下载文件
工作过程中,我们可能会遇到以下情况,当我们点击一个文件地址的时候,明明目的是要下载文件,但结果却是预览了文件内容,这个时候,我们可以找后端协商,让其配置修改,也可使用以下方式进行下载:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 可换成其他的文件类型 --&原创 2021-11-01 10:33:37 · 958 阅读 · 0 评论 -
【前端小技能】ElementUI表格双击可编辑--开箱即用
记录在项目开发过程中遇到的小问题,积累开发经验,欢迎大家一起留言探讨在工作中,碰到了双击可修改表格内容的需求,项目采用的是ElementUI前端框架1、在表格中声明双击事件<el-table ...... @cell-dblclick="tableDbEdit" ......</el-table> 2、编写方法实现功能tableDbEdit(row, column, cell, event) { console.log(row, colu.原创 2021-10-29 11:14:54 · 1843 阅读 · 4 评论 -
【前端小技能】用CSS3动画制作呼吸灯效果
记录在项目开发过程中遇到的小问题,积累开发经验,欢迎大家一起留言探讨如何最简单的制作呼吸灯效果,之前的文章也有提到过,如何制作呼吸灯效果,本篇文章是通过CSS3来进行呼吸灯效果的制作的,话不多说,上代码<div> <img src="https://up.enterdesk.com/edpic/87/05/78/8705784b4c6ad3d2f70e643eef69fff3.jpg"/></div>stylediv{ height: 300px.原创 2021-10-17 23:35:18 · 1794 阅读 · 0 评论 -
【vue项目问题解决】如何做到webpack打包vue项目后,可以修改配置文件IP和端口
记录在项目开发过程中遇到的小问题,积累开发经验,欢迎大家一起留言探讨问题我们在vue项目中打包的时候,webpack会将我们的组件,html,js,css,jpg等其他文件进行打包,其中请求的ip和端口也是在开发过程中写好的,直接打包生成了相应的js,如果此时我们想要修改请求的IP和端口,需要修改打包后的文件,不好查找,并且也容易出错。期望效果打包之后,可以通过修改某个配置文件,进行ip和端口的配置代码实现1、public文件夹下创建config.js,将apiURL添加到window对象中.原创 2021-10-15 16:41:03 · 2314 阅读 · 3 评论 -
【vue项目问题解决】echarts,使用中提示undefined问题及重绘问题
记录在项目开发过程中遇到的小问题,欢迎大家一起留言探讨1、问题 :引入echars,使用中提示undefined问题问题描述cnpm安装了echars,在main.js中全局引入,之后提示echarsundefined期望效果可以在组件中直接通过this.$echarts使用正确引入方式局部引入,组件中直接引入 import echarts from "echarts";安装cnpm install echars -S引入// 引入echartsimport echarts fr.原创 2021-10-15 12:18:34 · 7279 阅读 · 2 评论 -
【vue项目问题解决】跳转新路由,滚动距离不变问题
记录在项目开发过程中遇到的小问题,欢迎大家一起留言探讨问题在一个页面中改变scrollTop,再跳转新路由的时候,发现这个滚动距离依旧在预期结果在一个页面中改变scrollTop,再跳转新路由的时候,滚动距离变为0编码实现在App.vue中监听路由变化export default { watch: { $route() { // 路由变化的时候,让滚动数据变为0 document.body.scrollTop = 0 document.doc.原创 2021-10-15 11:56:34 · 244 阅读 · 0 评论