自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Mr_LiuP的博客

一枚醒悟过来的前端learner

  • 博客(76)
  • 收藏
  • 关注

原创 开发需求16-修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,不选中下面的子节点;选中父节点,只选中当前节点

修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,选中父节点只选中当前节点,不选中下面的子节点

2024-04-13 19:00:21 432 1

原创 开发需求15-使用el-checkbox组件实现el-tree组件的父子关联关系(非全选/全不选)

使用el-checkbox组件实现el-tree组件的父子关联关系(非全选/全不选)

2024-04-13 18:31:23 451

原创 开发需求总结14-数组对象中根据相同的id进行排序

数组对象中根据相同的id进行排序,如定义一个数组:let arr = [{etid:2938, sonid: 5233}, {etid:2937, sonid: 5233} ,{etid:2938, sonid: 5238}], 如果etid的值相同,则把etid相同的元素放在一起重新排序

2024-04-13 17:43:16 429

转载 开发总结13-vue父子组件生命周期函数执行顺序

vue父子组件生命周期函数执行顺序

2024-03-08 16:28:45 50

原创 开发总结12-call、apply、bind区别

call、apply、bind区别

2024-03-08 16:16:08 402

原创 开发需求总结11-时间选择器组件封装(默认展示当前-往前一个月)

项目中多处使用到了时间范围选择器组件,并且有的需要默认选中当前日期-往前一个月 或者 展示最近7天等,所以最好是将其封装,通过props传递数据即可。

2024-01-23 14:54:40 502 1

原创 开发需求总结10-修改el-form-item的label,实现换行并且修改换行字体的样式

修改el-form-item的label,实现换行并且修改换行字体的样式

2024-01-15 15:41:21 909

原创 开发需求总结9-el-tree获取选中节点,节点全选时返回被全选子级的父节点,未全选则返回被选中的节点

el-tree获取选中节点,节点全选时返回被全选子级的父节点,未全选则返回被选中的节点

2024-01-15 14:54:34 1170

原创 开发(bug)总结8-(前端)后管系统登录后隐藏url上信息同时获取url上携带参数

现在有一个需求,后端会邮件发送系统中的链接,这个链接是携带参数(id、用户的加密信息),比如:https://47.23.12.1/task/list?但此时我遇到一个问题,每次通过此链接进来后,问号后面的参数就自动没了,这让我很费解,后来看了代码发现在守卫里有这行代码:next({path: to.path, replace: true}) 这行代码的意思就是 确保addRoutes已完成。next() //此处loginAdmin是做了绕过aam的登录,本地登录后直接放行,方便测试。

2023-12-20 15:42:41 1120

原创 开发(bug)总结7-前端字符串转数组对象实现方式

字符串转数组对象实现方式

2023-11-09 15:51:54 616

原创 Node知识汇总

一、Js解析引擎chrome=> v8Firefox=>OdimMokeySafri=>JscodeIE=> Chakra二、Node基础命令cls:清空终端tab:补全路径esc:清空当前已输入的命令↑: 返回上一层命令三、fs文件系统模块1、fs.readFile(path[,ooptions],callback)参数1:必选,字符串格式,指文件路径参数2:可选,表示以什么形式的编码格式读取,一般是utf-8参数3:回调函数

2023-11-09 15:17:24 87

原创 开发(bug)总结6-Echart图表收起/展开后无法重新渲染实现自适应(亲测有效)

后台管理系统,左侧的菜单栏是可以展开/收起的,默认是展开,此时页面上的图表加载正常,如果收起后再展开,页面底部就会出现滚动轴,图表没有重新绘制。1、保存收起/展开 状态,当操作 展开/ 收起的时候,watch检测值的变化(我项目中状态是存到了store中)以上代码,完美解决我项目中遇到的问题。每个人遇到的问题都不太一样,具体可以多看看,多尝试。只要窗口大小发生像素变化就会触发。

2023-10-20 15:45:12 610

原创 开发(bug)总结5-el-input无法输入的问题和表单验证失败问题(亲测有效)

原因(可能):网上查了很多都没有给出明确的解释,有的说可能是因为组件嵌套太深导致的,也有可能是组件本身有潜在bug。真实原因也没搞懂,有知道的同学可以告诉下。// this.$forceupdate() // 强制数据刷新之后, 验证失效, 改用 $set ,亲测有效。点击添加,表单内可输入用户名 和 用户姓名,但有时会偶发出现无法这两个input框里面无法输入内容。大部分无法输入的问题:基本都是没有进行v-model双向数据绑定,这个很好解决。

2023-10-20 15:10:57 2353

原创 2023前端面试题汇总(最新)-持续更新中

Vue 中的 data 必须是个函数,因为当 data 是函数时,组件实例化的时候这个函数将会被调用,返回一个对象,计算机会给这个对象分配一个内存地址,实例化几次就分配几个内存地址,他们的地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。简单来说,就是为了保证组件的独立性和可复用性,如果 data 是个函数的话,每复用一次组件就会返回新的 data,类似于给每个组件实例创 建一个私有的数据空间,保护各自的数据互不影响。

2023-07-17 10:55:55 13335 5

原创 开发需求4-vue组件排序(插槽实现)

举个例子:一个页面显示广告有A、B、C,我们默认显示客户A、B、C,但是有1/4客户对广告B诉求比较大,我们希望这部分客户看到的广告顺序是B、A、C。而我们这个组件,就能实现这样的效果。可以帮助我们实现修改页面上各模块组件的显示顺序。

2023-07-13 14:14:48 216

原创 开发需求总结3-高亮标记、时间格式转换、字符串截取

时间戳

2023-02-25 17:19:34 345 1

原创 开发学习总结2-清除被占用的端口

有时在开发过程中,如果你已经运行了一个项目的mock命令,此时如果需要运行另外一个项目的,npm run mock 的时候会发现3000端口仍然被占用,如果关闭第一个已经运行的项目会发现端口仍然被占用。那么可以利用下面的命令,来杀掉进程。看到进程的PID,可以将进程杀死。查看端口被哪个程序占用。

2023-02-25 16:44:19 624

原创 开发学习总结1-ClipboardJS,一款将文本复制到剪贴板的js插件

clipboardJS,前端复制插件

2022-06-28 11:32:28 703

原创 Git知识汇总(更新中)

一、SVN与Git区别svn:集中式版本控制工具,版本库是集中存放在中央服务器的,team里每个人work时从中央服务器下载代码,是必须联网才能工作的,局域网或互联网。个人修改后然后提交到中央版本库。Git:分布式版本控制系统没有“中央服务器”,每个人的电脑上都是一个完整的版本库,这样工作的时候,无需联网。因为版本库就在你自己的电脑上,多人协作只需要各自的修改推送给对象,就能互相看到对象的修改了。二、Git工作流程1.clone(克隆):从远程仓库中克隆代码到本地仓库2.checkout

2022-05-23 22:08:34 544

原创 2022前端面试题汇总(持续更新中~)

1. 防抖和节流防抖:在固定的时间内,事件只执行一次,如果在一定时间内又触发了事件,则会重新计算函数的执行时间节流:在一定时间内,多个事件触发,只执行为一次2. js闭包什么是闭包:闭包就是在方法里面返回一个方法function a() { let a1 = 1; return function() { return a1}}闭包存在意义:可以延长变量的生命周期4可以创建私有的环...

2022-04-15 15:31:49 56697 15

原创 11. Vue-router 路由导航

vue-router 路由导航,分为声明式导航和编程式导航。导航守卫的使用

2022-03-09 13:52:18 1924

原创 10. Vue-router 路由

vue-router路由的配置、使用以及路由实现跳转、嵌套、重定向

2022-03-09 13:19:06 1264

原创 9. Vue自定义指令

vue自定义指令,分为私有自定义指令和全局自定义指令

2022-03-08 16:15:17 908

原创 8. Vue插槽的使用

vue插槽的使用

2022-03-08 11:47:25 1162

原创 7. Vue动态组件及keep-alive

Vue可以在不同组件之间进行动态切换,这种方法称为动态组件

2022-03-07 18:27:27 753

原创 6. Vue组件的生命周期&生命周期函数

vue组件生命周期以及生命周期函数详解

2022-03-07 17:57:56 1340

原创 5. Vue组件

Vue组件的使用以及如何定义全局组件实现代码的复用,同时组件中的props自定义属性的介绍

2022-03-07 14:04:30 175

原创 4. Vue计算属性

vue中计算属性的使用

2022-03-07 13:13:48 164

原创 3. Vue侦听器

vue侦听器,用来监听数据的变化,来根据数据的变化执行某些操作

2022-03-07 13:02:59 5269

原创 2. Vue指令和过滤器

Vue指令与过滤器

2022-03-04 15:35:42 677

原创 1. Vue简介

本篇简单介绍了什么是Vue

2022-03-04 13:28:52 299

原创 31. 数组新增方法

javascript 新增数组属性

2022-03-04 11:58:33 884

原创 30. localStorage、sessionStorage不了解的进来

本地存储localStorage和sessionStorage区别

2022-03-02 11:05:38 108

原创 29. 移动端click事件300ms延迟时间解决方案

三种方法解决移动端点击(click)事件有300ms延迟

2022-03-02 11:00:10 835

原创 28. 移动端touch触摸事件

移动端touch触摸事件

2022-03-02 10:47:18 1372

原创 27. 封装一个动画函数

动画函数的原理和简单封装

2022-03-02 10:42:17 231

原创 25. 仿淘宝固定侧边栏案例

原生js实现仿淘宝固定侧边栏案列

2022-03-01 18:13:46 206

原创 24.元素滚动-scroll系列

元素滚动 scroll 系列

2022-03-01 18:11:33 258

原创 23.模拟拖动登录框效果

原生js实现拖动登录框

2022-03-01 17:51:14 400

原创 22.通过元素的偏移量实现放大镜效果

原生js实现放大镜效果

2022-03-01 17:48:45 114

空空如也

空空如也

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

TA关注的人

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