自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 前端必备网站(推荐一)

多达50多种各种各样的前端相关资源网站,其中还有一些较宝藏的网站,收藏不易。

2024-05-21 17:56:34 904

原创 销毁残余图表GL,解决加载不出图表

当在页面中使用很多echatrs,然后导致有些图表渲染加载不出来,好像是有限制的,10多来个。所以,在切换的时候,要把不用的图表销毁,不然他会一直累积,导致渲染烂掉。

2024-05-21 16:22:46 117

原创 3D地图配置,地图上标签,自定义提示卡片

由于不是很熟悉地图的所有配置,而echatrs上的地图配置是很多的,多种多样,且还有复杂多样的地图,图表等。这里针对开发的需要,分享顺便记录一下怎么实现的,方便以后开发再参考。

2024-05-21 16:14:15 307

原创 使用Datav,echarts开发各种地图

在实际中,有时候需要针对不同的地图进行开发,而能在网上找到现成,与需要匹配度高的,几乎很难,而且找起对应的资源也相对麻烦。所以结合DataV提供的地图数据,就能开发出各种地图,然后结合现有的地图样式,替换一下地图的数据。

2024-05-21 15:54:39 247

原创 页面为组件,怎么触发onshow,执行方法,组件模拟onshow

由于开发需要,有四种不同的角色类型的页面,所以应该对应四套首页。所以我的做法是将这四种页面封装成组件,在登录的时候,根据不同的角色显示不同的组件,以展示不同的页面。但是这样做之后,封装在组件里面的方法,想要在页面展示,类似onshow情况,执行逻辑时,并不能做到。因为onshow方法是针对页面的,而组件的mounted方法也做不到onshow的效果。

2024-05-21 15:34:11 86

原创 vue3(实现上下无限来往滚动)

一般在大屏项目中,很常见的效果,就是容器中的内容缓慢地向下移动,指导底部停止,然后快速滚动回顶部,然后接着缓慢滚动到底部。并且在特定的情况下,还需要进行一些小交互,那就还得让他停下来,当鼠标移入的时候,停止滚动,当鼠标移开的时候,继续从停止的地方接着滚动。如此反复。

2024-05-04 01:51:35 746 1

原创 修改input(placeholder)里面默认文字的颜色

修改input(placeholder)里面默认文字的颜色。

2024-04-15 11:24:40 123

原创 鼠标经过切换项,切换显示对应的内容(js)

有多个切换项,鼠标移到每一项时对应切换下面对应的内容,一项对应一项内容,并且切换选中的样式。

2024-04-08 21:36:34 397

原创 文本溢出隐藏用小点表示(多行溢出,单行溢出)

文本溢出隐藏,用小点表示。

2024-04-08 19:12:18 205

原创 如何使用在项目中使用echarts

ECharts 是一个强大的数据可视化库,主要用于在网页上创建丰富多彩的交互式图表和地图。

2024-03-28 18:36:37 978

原创 uniapp输入框事件(防抖)

在输入框输入内容或者说输入关键词的时候,往往都要进行做防抖处理。如果不做防抖,你输入什么,动态绑定的数据就会保持一致。这样不好吗,同步获取。有个业务场景,如果是搜索框,你每次一个字符,字符串发生改变,就会请求接口一次获取数据。如果等用户输入完隔一段时间再发送请求,则会更好的利用服务器资源。

2024-03-28 09:15:14 738

原创 uniapp先显示提示消息再返回上一页

在有些业务场景中,需要先弹出提示后,再返回上一页。

2024-03-25 23:38:53 530

原创 uniapp修改头像,选择图片

uniapp修改头像,选择图片。

2024-03-17 23:55:25 693

原创 内容不限高,点击切换收起内容和展开内容(动态获取高度)

默认是展开状态,也就是我们一开始就获取内容容器的高度,通过动态绑定高度。点击收起的时候,我们就把这个高度改为0,或者默认最小的高度。点击展开的时候,就把那个动态绑定的高度赋值为保存的值。这个scH就是动态绑定的高度,超出的部分我们隐藏,不然收起的时候会有问题,我这里是封装成组件,有些不需要收起,方便我复用才动态绑定的,可以直接再style里面写overflow:hidden就行。这是用来定义容器的高度,我们一开始挂载组件,获取到的容器高度也是赋值给这个存放着。展开的时候就将这个总的高度赋值给动态的高度。

2024-03-17 23:38:15 316

原创 uniapp,实时获取系统时间(动态显示)

在开发中,如果涉及到时间有关的,有可能需要把系统的时间以动态的形式展示出来。

2024-03-17 23:18:55 1515

原创 uni-popup(实现自定义弹窗提示、交互)

一般提示框的样式,一般由设计稿而定,如果用uniapp的showmodel,那个并不能满足我们需要的自定义样式,所以最好的方式是我们自己封装一个!(想什么样就什么样)!

2024-03-17 23:07:58 1531

原创 uniapp,导航栏(切换项)有多项,溢出采取左滑右滑的形式展示

当有多项的导航,或者说切换项,超出页面的宽度,我们采取可滑动的方式比较好一些!并且在页面右边加个遮罩,模拟最右边有渐变效果!

2024-03-17 19:19:16 872

原创 页面内容修饰,左侧长虚线效果

页面内容修饰,左侧长虚线效果。

2024-03-17 19:09:36 335

原创 vue3引入字体

vue3导入字体

2024-03-06 23:17:52 608

原创 vue3页面内容切换(类似登录、注册内容切换)

页面有俩块内容,分别是验证码登录页面内容,账号密码登录页面内容。有俩种处理方式,一个是写俩个页面跳转使用,还有一种是一个页面俩个内容,切换的只是不同的内容,相同的内容保留。一般都是选择后者。

2024-03-05 00:15:52 609

原创 vue3三级嵌套复选框(element-plus)

当选择第一级的复选框时下面所有内容全选和取消全选,当选择第二的复选框时第三级的所有内容全选和取消全选。只要有一个第三级的内容没有选,二级和一级则不能勾上。第三级内容全选上了,第二级复选框就钩上。第二级也是同样的道理。

2024-03-05 00:01:32 708

原创 element-plus表格合并

element-plus表格合并,多级动态合并

2024-03-01 19:23:12 852

原创 element-plus+vue3表单含图片(可预览)(线上图片)

element-plus+vue3表单含图片(可预览)(线上图片)

2024-03-01 15:41:27 738

原创 VScode编辑器粘性导航

在写项目的时候,发现编辑器上端有点奇怪,看着不习惯,不知道怎么设置到了粘性导航

2024-03-01 14:45:35 428

原创 element-plus+vue3动态添加删除组件(组件嵌套)

有一个添加打分点按钮,点击添加会新增一个打分点内容,默认只有一个打分点的时候不显示删除按钮,如果有多个打分点,就都显示删除按钮。在分类内容里面有一个添加分类,与打分点类似。分类内容里面包含打分点内容。即可以动态新增删除多个分类,分类里面也可以动态新增多个打分点。

2024-03-01 14:13:43 915

原创 element-plus+vue3(表格删除某一行操作,显示气泡类型的提示删除确认)

在进行删除某一行表格的数据,往往需要进行提示是否删除,选中确认之后才进行删除该项。

2024-02-28 16:20:01 552

原创 element-plus+vue3项目(侧边栏菜单的使用和历史记录切换问题的解决(高点效果对应不上))

描述:当我点击左边侧边栏的时候,选中高亮能够选中,但是在浏览器上面点击左右回退,他的高亮就乱来了,比如我点击修改通知---->项目管理,然后点击上面浏览器的回退按钮,右边内容能够对应回退,但是高亮选中效果保留到了修改通知。默认是没有问题的,但是我再从修改通知---->项目管理---->修改通知,按道理来说,回退一步,应该回到项目管理,高亮也是,但是他高亮显示到了修改通知,产生了错乱。从修改通知---->项目管理---->创建项目按钮(进行创建项目页面),点击回退也还是回退到修改通知,应该是回到项目管理。

2024-02-28 16:11:34 775

原创 vue3可视化项目——3D地图的使用

3D地图的使用,与二维地图大差不差,但是多了一点,我接着我在上一篇的基础上进行拓展。建议看完上篇再看这一篇。

2024-02-14 23:42:58 1065

原创 vue3可视化项目——二维地图的引入

由于项目涉及到地图的引入,需要导入地图组件。这里使用的是echarts开发的地图组件。

2024-02-14 23:23:42 1222 4

原创 uniapp开发小程序获取定位信息(腾讯地图)

定位一直是一个让人头疼的问题,不是这个有问题就是那里有问题。这里结合我多方查找和实际运行,获得的一些经验给予分享。

2024-02-06 15:24:39 3277 2

原创 使用uniapp开发小程序(分包处理)

使用uniapp开发小程序,在上传代码进行提交审核发布,会涉及到一个问题,就是小程序的大小有限制,不通过代码审核就发布不了。而分包是优化你代码大小的其中之一。:在配置分包路由和构建配置时,需要确保各个子包内部的资源路径配置正确,以便能够正确加载对应的资源文件。在大型项目中,可以根据功能模块将相关的页面和组件放入不同的分包中,便于团队协作和管理。将较少使用的页面或组件放入分包中,可以减少主包的体积,从而加快小程序的首次启动速度。总之,分包可以帮助优化小程序的性能,提高开发效率,并使得项目结构更加清晰和灵活。

2024-01-29 15:24:50 1242

原创 vite+vue3项目,自动引入生命周期等函数(unplugin-auto-import)

我们每次不管是页面也好还是组件也好,多多少少都不会避免写下面一长串的东西,用的生命周期函数以及其它函数也好,只要是vue3里面的,在setup语法糖中,总是要引入,如果不引入就会报错,如果遇到要使用的函数(控制台的报错没有了,响应式数据a也从1变成了12,说明我们 配置好了,能够正常使用。不用每次都引入那些麻烦东西了,直接使用就行了。怎么能不用写,或者说配置一次就不用每次写这些引入,我们直接采用。)等一连串下来,每次都要写一遍挺麻烦的。配置好之后,我们重新运行这个项目(

2024-01-28 02:17:32 644

原创 样式初始化(Normalize.css)

自己写的,还不如使用别人的,至少人家的进行过系统的测试,使用的人也多,如果有太大的兼容性问题,当然不太适合使用。1.点击那个Download按钮进行下载,点击开是这样,比较短,可以选择全选复制到自己命名的css文件,也可以ctrl+s保存下载文件下来,然后放到自己项目中。它旨在提供一种更合理的、一致的默认样式,并且会尽可能地保留有用的浏览器默认样式。初始化样式的目的在于确保不同浏览器对HTML元素的默认样式表现一致,从而提供更可靠、一致的基础样式。进行项目样式的初始化是一种不错的选择。

2024-01-27 20:40:00 1145

原创 git的初级使用(学习笔记)

5.如果第一个功能文件写完了,第二个文件写到一半,可以先不用git add .将所有文件都准备提交,使用git add 文件名添加第一个文件到缓存区,再commit,以此一个个来,就不会很混乱,就不用commit的时候,备注目的“第一个功能开发完成,第二个功能开发一半”。6.如果是跨团队,fork到自己仓库修改后想要发送给对方,需要pull request,对方审核同意后才能添加到对方那里,没有问题后,对方再点击merge pull request然后确定,confirm merge。

2024-01-24 15:41:37 352 1

原创 uniapp页面高度100vh出现滚动条

问题描述:页面内容元素不多,一页足以装的下,但是又不希望页面出现滚动条,只让他保持一页展示即可。本来想让页面铺满没有溢出产生滚动条,但是实际进行开发的时候发现就算给了页面最大的父亲盒子高度10vh(实际屏幕尺寸),还是会产生滚动条。

2024-01-06 17:17:20 1085 1

原创 页面自适应

由于最近在开发一款数据化可视化大屏项目,而这种项目需要适应大屏幕,或者说所有前端页面都应该做到适应不同屏幕尺寸,达到页面可适应的效果。

2023-12-07 00:22:25 392

原创 uniapp实现时间选择器动态获取年月日

由于在uniapp官网中找到的时间选择器,年份虽然固定,月固定是有12个月,但是日期是31日写死的,不能根据当前年和当前月动态更新日期。所以项目需要进行更新,实现能够根据年份月份进行对应的更新日期。

2023-11-12 15:12:53 971 1

原创 js中的Set(内置集合数据结构)

js中的Set(内置集合数据结构)

2023-09-27 23:43:59 257 1

原创 多选操作(vue3)

功能1描述:通过下拉菜单进行多选,这里的例子功能最多只能选择4个,如果需要选择多个,更改对应的代码就行。如图: 功能2描述:进行多选之后,以面包屑的形式展示在上方,并且可以关闭某一项,左边的高亮选择也应做对应的改变,也就是说,左边和上方是同步的。如图:基本实现思路: 在选择的时候,收集好对应的索引,根据索引进行高亮显示,并且通过索引修改左边下拉内容项的chose(是否选择的值),通过数组过滤过滤出chose为1的值,即面包屑数组(上方展示的内容)。在面包屑删除某一项的时候,通过id对应删除左边下拉选择

2023-09-27 23:31:41 245 1

原创 uniapp图片资源压缩

【代码】uniapp图片资源压缩。

2023-07-19 21:26:25 163

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除