经验分享
文章平均质量分 59
lookingForw_4585
大龄青年,编程小白。
头发茂密的前端攻城狮~~~
展开
-
【2023-11-09】git使用随记——gitignore文件配置某些文件忽略
.gitignore文件配置某些文件忽略原创 2023-11-09 14:38:33 · 221 阅读 · 0 评论 -
【2023-6-02】关于项目中数组遍历场景的记录
关于数组遍历的一篇随记原创 2023-06-02 16:59:07 · 508 阅读 · 0 评论 -
【2023-5-31】设置input框禁止输入
input框禁止输入,非禁用原创 2023-05-31 14:57:44 · 1068 阅读 · 0 评论 -
【2023-3-29】JavaScript使用promise顺序调用函数并抛出异常
JavaScript使用promise顺序调用函数并抛出异常原创 2023-03-29 15:37:56 · 461 阅读 · 0 评论 -
【2023-3-7】前端进行树状结构数据排序简单示例
前端实现树状数据排序功能的小示例原创 2023-03-07 17:52:57 · 425 阅读 · 0 评论 -
【2023-2-8】前端JSON格式展示,pre标签首行缩进问题
前端JSON格式展示及pre标签首行缩进问题原创 2023-02-08 14:37:42 · 1369 阅读 · 2 评论 -
【2022-11-09】vue2实现简单的tag-input标签输入框
vue2实现tag-input原创 2022-11-09 11:12:45 · 3112 阅读 · 1 评论 -
【2022-10-13】前端js下载文件的小示例
前端js实现下载文件的小示例原创 2022-10-13 12:13:36 · 117 阅读 · 0 评论 -
【2022-8-24】vue2中使用箭头函数踩坑记录
vue2项目中使用箭头函数踩坑原创 2022-08-24 15:42:31 · 539 阅读 · 0 评论 -
2021-07-15 el-tree获取选中节点,节点全选时返回被全选的节点,未全选则正常返回被选中的节点
el-tree获取选中节点,节点全选时返回被全选的节点,未全选则正常返回被选中的节点相关描述实现代码实现思路:实现代码:感谢:相关描述 需要获取树组件选中的节点,假如父节点被选中(该节点全选),即只返回父节点的id,如父节点未被全选,则正常返回被选中节点的id。示例一:如上图,所以的节点都选中了,此时需要获取到一级 2 这个节点的id即可示例二:如上图,此时,除了三级 3-2-1 节点外,其余节点均选中,此时需要获取到三级 3-2-2 、二级 2-1 两个节点的id。即二级2-1节点是全选原创 2021-07-15 18:03:34 · 2258 阅读 · 1 评论 -
使用纯css实现轮播效果
使用纯css实现轮播效果属性介绍scroll-snap-typescroll-snap-align代码实现结尾属性介绍制作网页尤其是电商类、网站主页等都会遇到轮播图的需求,以往实现轮播图,若不借助第三方插件如swiper等,就需要自行手动实现轮播效果,一大堆的js代码,现在可以使用css实现简单的轮播效果(不包括循环滚动、跳转等)。scroll-snap-typescroll-snap-type CSS 属性定义在滚动容器中的一个临时点(snap point)如何被严格的执行。具体语法,可以参考M原创 2021-06-03 11:37:10 · 466 阅读 · 0 评论 -
项目踩坑记录:require.js+jQuery等改造vue
require.js+jQuery等改造vue背景介绍问题描述解决方案反思及说明写在最后背景介绍改造require.js+jQuery+bootstrap实现的一个老项目。 原有项目使用require.js实现模块化,ui界面及操作主要是bootstrap配合jQuery,项目中部分实现代码嵌套在java代码中(大概就是这个意思),为方便后续维护,现将此项目计划改造为vue的项目。由于项目还会添加新的功能,原来的编码(实现)方式有点不合时宜——所有的页面都是通过前端发送数据请求后,后端返回的HTML原创 2021-05-25 17:01:08 · 321 阅读 · 0 评论 -
el-collapse-transition 移植到项目中遇到的问题,及其解决方法。
el-collapse-transition 移植到项目中遇到的问题,及其解决方法问题描述思路解析解决方案方法一方法二:方法三:问题描述 自有项目中需要实现一个collapse折叠面板的功能,由于对饿了么使用较多,故打算将饿了么中的collapse组件移植到项目中,只需要对一些细节的样式进行修改即可。本着兢(混)兢(水)业(摸)业(鱼)的态度,开始移植collapse折叠面板。 但是在查看饿了么的源码,以及实现了collapse功能后,发现面板的动画效果失效了,打开折叠的操作感觉很生硬。影响使用体验。原创 2021-03-11 12:25:54 · 2401 阅读 · 0 评论 -
el-tree 饿了么树状控件自定义节点的显示图标
el-tree 饿了么树状控件自定义节点的显示图标效果展示实现代码替换小三角为图标效果展示el-tree组件默认显示时,节点是不带icon的,如需使用时,可以通过自定义插槽的方式来实现,实现方式在网络上也存在很多,本篇只简单记录个人如何实现。功能点:替换默认显示的小三角图标展开即关闭节点时图标切换子节点的默认显示图标实现代码<template> <div class="tree"> <el-tree :data="data5"原创 2021-03-01 12:00:22 · 3649 阅读 · 1 评论 -
vue2.x版本中使用summernote编辑器
vue2.x版本中使用summernote编辑器summernote的基本属性如何配置(工具栏)获取数据(HTML内容)summernote的基本属性 summernote是一款基于jQuery的编辑器,vue社区中关于类似的编辑器也有很多,但是原有的就项目中使用了summernote,为了保持统一,故使用summernote!显示效果如下,顶部的工具条为自定义配置的,后面讲到。使用summernote需要先安装依赖:npm install summernotenpm install jqu原创 2021-02-26 15:10:53 · 1430 阅读 · 2 评论 -
echarts踩坑记录---仪表盘设置仪表盘的位置
echarts踩坑记录---仪表盘设置仪表盘的位置问题描述解决方法示例代码问题描述 工作中遇到了需要展示比值的图表需求,由于其他位置使用了echarts的图表,遂打消了使用el-progress 进度条模拟仪表盘的想法,毕竟直接使用还是香的啊 先看下官方示例的效果: 使用了echarts的仪表盘以后,一切似乎向着预期的方向在发展,但是突然发现一个问题,相比其他echarts图表可以通过设置 gird 属性来设置图表组件的容器位置,例如与left、top等的偏移量。但是仪表盘并不支持此属性(设置原创 2020-11-12 17:40:54 · 5964 阅读 · 3 评论