- 博客(137)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue 3.4.5深度解析:从基础到高级,掌握Composition API与全局API精髓
Vue 3.4.5深度解析:从基础到高级,掌握Composition API与全局API精髓
2024-06-01 11:32:54
1275
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Javascript常用函数、方法速查手册
这篇文章主要对工作中常用的一些常用的原生Js方法进行整理,包含数组与字符串之间的转换、常见日期格式转换、常用Math对象的方法、Js原生全局属性、方法、等、常用方法进行归纳整理
2021-04-06 11:31:36
12179
36
原创 Git 前端开发者必备:常用命令全解析
在前端开发的日常工作中,Git 是必不可少的版本控制系统,它帮助我们追踪代码的变化,协作开发,以及恢复到之前的代码状态。熟练掌握Git的基本命令,可以大大提高工作效率和代码管理能力。本文将详细介绍Git中一些最常用的命令,帮助你更好地运用Git进行项目管理。通过掌握上述Git命令,你可以更有效地管理你的前端项目,无论是个人开发还是团队协作,都能得心应手。在实践中不断探索和运用这些命令,将使你的开发流程更加顺畅和高效。
2024-07-12 20:06:33
927
原创 一文入门【NestJs】Middleware
在NestJS的上下文中,中间件是一种可以拦截进入应用程序的请求并在其达到控制器之前执行特定任务的机制。它可以用于执行一系列操作,比如日志记录、身份验证、请求体解析、错误处理等。中间件的灵活性使得它成为增强应用功能和性能的重要工具。在函数中或在具有 @Injectable() 装饰器的类中实现自定义 Nest 中间件。类应实现 NestMiddleware 接口,功能无特殊要求。让我们从使用类方法实现一个简单的中间件函数开始。} }
2024-07-12 19:56:34
275
原创 一文入门【NestJs】Modules
在NestJS中,模块是应用的基本构建单元,用于封装一组相关的特性、服务、控制器和中间件。模块不仅有助于组织代码,还提供了依赖注入的上下文,使得代码更加模块化和可重用。NestJS的模块系统为构建高性能、可维护的后端服务提供了一个坚实的基础。通过合理地规划和使用模块,你可以将应用分解成更小的、可管理的部分,提高代码的可读性和可测试性。无论你是初学者还是经验丰富的开发者,理解NestJS的模块机制都是提升项目质量的关键一步。
2024-07-11 19:17:32
352
原创 一文入门【NestJs】Providers
在NestJS的世界里,理解“Providers”是构建健壮、可维护的后端服务的关键。NestJS,作为Node.js的一个现代框架,采用了Angular的一些核心概念,如依赖注入(Dependency Injection,DI),并将其应用于服务器端开发。本文将深入探讨NestJS中的Providers机制,解析其工作原理,以及如何利用它们来优化你的应用程序。在NestJS中,Provider是任何可以被DI容器管理和注入的对象。它可以是一个类、一个值、一个工厂函数或是抽象接口。
2024-07-11 19:16:49
733
原创 一文入门【NestJs】Controllers
流程图Controllers 控制器主要负责处理传入请求,并向客户端返回响应,控制器可以通过路由机制来控制接收那些请求,通常一个Controllers种会有多个匹配路由,不同的路由可以知情不同操作,我们可以通过装饰器将类与所需要的元数据关联,使得Nest能够将路由映射到对应的控制器。⚠️注意:我们这里所说的路由并不是前端页面上的路由,而是我们调用api接口的路由。
2024-07-10 19:53:20
1085
原创 一文入门【NestJS】
这篇文章先对NestJS做一个简单的介绍,并在本机成功创建了NestJS项目,后续会不断的对NestJS的特性,以及如何利用NestJS完成Node后台开发进行探索。
2024-07-10 09:40:27
404
原创 “El-Table二次封装“这样做【高级前端必备技能之一】
这篇文章给大家分享一个高级自定义列表组件从0到1的开发过程,这个列表组件的主要功能有,列表拖拽排序,右侧操作按钮统一使用Tooltip展示,操作表头增加自定列表icon,点击icon可以对列表展示数据进行是否显示、排序等操作,契合业务需求,增加表格美观以及复用性。
2024-07-09 17:09:56
562
原创 一文玩转【relation-graph 关系图谱】再也不怕遇到这样的需求
relation-graph是支持Vue2、Vue3、React的关系数据展示组件,支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素,并提供实用的API接口让使用者轻松构建可交互的图形应用。
2024-07-09 15:39:29
1674
原创 “实时数据大屏2k、4k、8k”这样做【高级前端必备技能之一】
本文主要介绍,从0到1 实现一个实时数据大屏的基本过程,这个大体的技术框架基本可以覆盖市面上80%的公司业务需求,除非有些特殊的大屏需要做特殊处理,希望这篇文章能够给你带来一些技术上的提升。
2024-06-29 17:43:57
888
原创 “代码规范”这样做【高级前端必备软技能之一】
✨在前端开发领域,良好的代码规范是团队协作、项目可维护性的基石。最近在梳理我们团队关于代码规范相关的一些文档,顺便给大家分享一下我们是从哪些方面入手来从一个,到开发规范的高效团队。✨本文旨在提供一份详尽的前端代码规范指南,覆盖文件命名、组件编写、路由设计及代码风格等方面,帮助开发者建立清晰、一致的开发准则,进而提升项目质量与开发效率。
2024-06-25 20:33:34
905
原创 前两天上线了一个小功能,差点把我们项目搞崩溃
最近一直在迭代公司的系统,业务提出需要增加一个消息通知的功能,对接完需求之后,我们就开始热火朝天的编码、测试、上线,就是右上角这个小图标,为了提升用户体验,我们采用每隔20S定时查询一次后端消息接口,为了让用户几十获取最新的消息,这种操作俗称“轮询请求”, 但是问题就出在这个“轮询”上,相信看到这里很多同学已经猜到我们遇到的问题,
2024-06-24 10:39:02
261
原创 基于Vue3.0 & Node.js 的 大文件切片上传、秒传、断点续传实现方案梳理
✨💻 在处理大文件上传时,切片上传是提高效率与用户体验的关键技术之一。下面将详细介绍如何在前端利用Vue框架与Node.js后端配合,实现这一功能。
2024-06-19 17:40:50
423
原创 打造你的专属Vue组件:超实用“鱼骨步骤条“组件实战开发
🎉 在众多UI设计领域中,"鱼骨步骤条"凭借其✨清晰直观✨地展现流程进度,赢得了设计者们的大量青睐!本篇博客将带你飞越Vue框架的广袤天地,从零到一,亲手锻造一款既美观又功能强大的定制化"鱼骨步骤条"组件。我们不仅会深潜入组件的巧妙构思水域,还会逐一探索其实现的每一个细节,确保你在项目中游刃有余地重复利用这一神器🐟。
2024-06-19 15:11:38
532
原创 关于前端不同窗口之间如何通信的思考(Ifream页面之间、App与H5之间)
无论是iframe页面间的通信,还是App与H5页面的交互,关键在于选择合适的通信机制,确保数据的安全传输与高效处理。
2024-06-19 09:54:31
581
原创 打造你的专属Vue组件:超实用“Descriptions展示组件开发”实战
超实用“Descriptions展示组件开发”实战,自适应屏幕、适应三种分辨率屏幕,根据动态字段配置显示,支持高度自定义过滤、格式化数据
2024-06-03 21:44:45
334
原创 打造你的专属Vue组件:基于FullCalendar超实用“日程任务管理组件”实战
在现代Web应用中,日程管理是一个常见而又关键的功能,它帮助用户高效安排和追踪日常任务及会议。Vue.js作为一个流行的前端框架,以其简洁的语法和强大的组件化能力深受开发者喜爱。本文将手把手教你如何利用Vue 3和FullCalendar库构建一个功能丰富、易用的日程任务管理组件,让你的应用瞬间提升日程管理体验。
2024-06-02 20:45:59
1635
原创 打造你的专属Vue组件:超实用“手机号、邮箱、身份证号加密&显示组件“实战
打造你的专属Vue组件:超实用“手机号、邮箱、身份证号加密&显示组件“实战
2024-06-01 11:18:57
277
原创 打造你的专属Vue组件:超实用“高级筛选弹窗组件“实战
在现代前端开发中,组件化思想是提高开发效率、维护性和代码复用性的关键。本文将通过一个实例——创建一个自定义的“高级筛选”弹窗组件,来展示如何在Vue框架下利用Composition API和Element Plus构建功能丰富且易于集成的UI组件。下面的代码示例不仅展示了组件的结构、样式定制,还涉及了事件处理和属性传递,是一个全面的组件开发教程。
2024-06-01 11:16:50
491
原创 探索JavaScript中的高效运算符:?.、||、?? 以及 ??=
在前端开发的日常中,我们经常需要处理各种数据逻辑,确保代码既健壮又高效。JavaScript为我们提供了一系列简洁而强大的运算符,帮助我们以更优雅的方式处理变量的空值、默认值等问题。今天,我们就来深入探讨三种这样的高效运算符:可选链操作符 `?.`、逻辑或操作符 `||`、空值合并操作符 `??` 以及它们的变体 `??=`。这些运算符在处理不确定或可能为空的属性访问及提供默认值时尤其有用。
2024-06-01 11:14:15
432
原创 基于Vue的权限管理方案(大体流程设计)
在前端开发中,实现权限管理是保障系统安全和数据合规的重要手段之一。基于Vue框架,我们可以设计一套完整的权限管理方案,包括路由级别、片段(类似tab切换中的sheet)和按钮权限的控制
2024-04-09 21:36:13
299
原创 Vue 3.0单文件组件实现手机号和身份证号加密显示功能
我们将通过Vue 3.0单文件组件实现对手机号和身份证号部分数字进行加密处理的功能。具体来说,我们将创建一个组件,接受用户传入的手机号或身份证号,然后根据类型进行加密处理,最终显示加密后的信息。同时,我们还将提供一个眼睛图标,允许用户在需要时切换查看加密前后的信息。通过本篇博客的介绍,我们学习了如何使用Vue 3.0单文件组件实现对手机号和身份证号部分数字进行加密处理的功能。这种方法可以有效保护用户的隐私信息,在Web应用程序中得到广泛应用。希望本文对你有所帮助,欢迎留言交流!
2024-04-09 21:28:40
578
原创 前端实现流文件下载的完整指南
通过本文的介绍,我们了解了如何在前端实现流文件下载的基本原理和代码实现。这种方法可以方便地从数据流中动态生成文件并提供给用户下载,是Web开发中的常用技巧之一。希望本文能够对你有所帮助,欢迎留言交流讨论!
2024-04-09 21:20:37
1719
1
原创 逆流而上的选择-积极生活,逆流而上
李明坐在公司的开放式办公区,耳边是键盘敲击声的交响乐,眼前是一行行跳跃的代码。他的眼神有些恍惚,显示器的蓝光在他眼镜上反射出时代的光芒,这光芒既耀眼又刺眼。他即将35岁,在这个年纪,他面临着一个程序员最不愿面对的问题——技术的迭代更新。他出身于一个偏远的农村,那里的人们相信知识能改变命运。李明就是那个信念的见证者,他凭借着自己的努力,走出了大山,走进了这个省会城市的繁华。然而,随着时间的推移,他开始感到力不从心。新技术层出不穷,每一次更新换代都像是一次淘汰,而他总是在奔跑中气喘吁吁。
2024-03-27 22:30:22
782
原创 深入理解 Vue 3.0 宏函数:提升组件代码的工程化与可维护性
在 Vue 3.0 中,为了更好地组织和维护组件代码,引入了几个新的宏函数。这些宏函数包括defineProps、defineEmits、defineExpose、defineSlots 和 defineOptions。本文将详细介绍这五个宏函数的使用方法。
2024-03-27 21:56:21
1076
原创 基于Vue.js 实现简易拖拽指令
拖拽功能的实现原理主要是通过鼠标事件(mousedown、mousemove、mouseup)来控制被拖拽元素的位置。我们需要监听鼠标按下事件,计算鼠标按下位置与被拖拽元素的偏移量,然后在鼠标移动事件中根据鼠标位置不断更新被拖拽元素的位置,最后在鼠标抬起事件中清除事件监听器。通过自定义指令实现拖拽功能,可以有效地将拖拽逻辑与组件逻辑分离,使得代码更加清晰和易于维护。但是需要注意的是,拖拽功能的实现涉及到一些 DOM 操作,需要谨慎处理,以免引发意外的副作用。
2024-03-27 21:36:33
718
原创 通过一个简单的自定义指令,探索 Vue 3.0 自定义指令的魅力
Vue 3.0 自定义指令是一种在 Vue 组件中定义的一种特殊指令,可以直接绑定到 DOM 元素上,并在元素上执行特定的行为或逻辑。自定义指令可以用于处理 DOM 操作、事件处理、数据绑定等方面,是 Vue 中增强功能的重要方式之一。全局和局部注册:可以全局注册自定义指令,使其在所有组件中可用,也可以在单个组件中局部注册自定义指令,使其只在该组件中可用。多个钩子函数:自定义指令可以定义多个钩子函数,如bindinsertedupdate和unbind等,用于在指令生命周期的不同阶段执行特定的逻辑。
2024-03-26 22:40:51
322
原创 优雅地处理前端数据转换:自定义封装 translateDict 函数
在前端开发中,我们经常需要处理数据的转换。有时候,我们需要将某种格式的数据转换为另一种格式,这可能涉及到字符串、数组等不同数据类型的转换。在这篇博客中,我们将介绍一个名为的函数,它可以帮助我们高效地进行数据转换操作。
2024-03-26 22:05:03
334
原创 前端正则校验函数整理包含(手机号格式、邮箱、身份证)以及一些常用的input输入值校验
前端正则校验函数整理包含(手机号格式、邮箱、身份证)以及一些常用的input输入值校验
2024-03-25 21:40:39
330
原创 一篇文章带你了解Vue3.0到底比Vue2.0好在哪
当VM层(data层)数据发生变化后,setter()方法会调用方法(发布者),通知所有订阅者。订阅者会调用方法,对传入的虚拟DOM节点进行新旧比对。如果发现该对象中和都相同,就会认为两者是同一节点,直接将新的DOM对象返回渲染。如果不同,则调用方法。方法主要负责对不同的节点进行判断,如是否含有子节点或文本节点等。子节点比对通过遍历二叉树实现,利用, , , 指针进行。
2024-03-23 13:23:04
977
原创 前端面试宝典 每日一题(16)严格相等、非严格相等以及‘Object.is()‘的一些思考
关于'==='、'=='、'Object.is()'的一些思考
2022-03-28 22:33:39
825
原创 前端面试宝典 每日一题(14)关于null 和 undefined 以及 typeof null 、typeof NaN的一些思考
这篇文章主要给大家介绍一下JS最常见的两个数据类型null 和 undefined 的区别?
2022-03-28 18:35:45
1246
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人