冷雨331

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第10天，点击查看活动详情。 前言 如何实现一个即时通讯的聊天页面，网上有很多的开源或不开源的成品，可以直...

vitest 用法概览 测试文件结构 写单元测试从结构上来说主要分两部分，test Suite（describe） 和 test case(it)。简单理解 suite 类...

在electron + vue3 搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。...

和后端大战三百回合后，最终甘拜下风，还是臣服于后端的淫威了，一行代码实现前端导出excel复杂表格，多级标题以及根据数据去合并行...

node-sass升级为dart-sass后控制台大量警告怎么办？不要慌，只需简单一行代码就可搞定，让你重新拥有清爽的开发环境...

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在...

elementUI是我们前端常用的UI框架，在使用它的过程中，或多或少都会踩一些坑，有的坑是我们自己代码失误造成的，有的是组件自身的问题。 这次，在同一个项目中，我接连两次...

前言 表单在web应用中是使用频率最高的组件之一，好用，可复用的表单，可以提升实际工作的效率，我们使用Vue3+Vite+TS基于Element plus 二次封装表单组件...

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用...

相信很多人做需求过程中，都遇到过把文字复制到剪贴板的功能。很不幸我也遇到了，本以为是一个简简单单的需求，开发测试过程中却遇到了不少坑，这里一一展开。...

“一键复制”功能是前端开发中常见的功能需求之一，在链接复制、图片分享等场景下可以简化操作流程，极大的提升用户体验...

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli...

优化关键渲染路径、减少回流重绘，提升交互响应。优化资源缓存、使用CDN加速，减少服务器请求。合理使用缓存、压缩和分块传输，减少资源大小。持续监测性能，优化前端代码和设计。最...

炎炎夏日失业潮下饥寒交迫的前端还能不能雄起，自欺欺人的产品优先战略下前端投入了多少money？前端打铁还需自身硬又有有哪些优化的方法和小技巧？...

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获...

1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图，这是一个v-for渲染的列表(只是目前这个版块才刚...

在实际的开发工作过程中，积累了一些常见又超级好用的 Javascript 技巧和代码片段，包括整理的其他大神的 JS 使用技巧，今天筛选了 9 个，以供大家参考。...

试想一下，你是否曾为Dialog的使用方式感到头疼🤺？一个Hook让你体验极致舒适的Dialog使用方式！🚀🚀🚀你确定不进来看看？现在就来体验一下吧，我向你保证，一...

本文将揭示这些技巧，让你在前端开发的舞台上独领风骚。无论你是一个勇敢的创新者还是一个喜欢调皮捣蛋的开发者，这些技巧都将让你的`ElementUI`应用更加酷炫和有趣！...

摆脱了书写声明式的代码，用起来很流畅，提升不少效率，封装可复用逻辑，将 UI 和逻辑分离，提高复用性，view 层代码展示更清晰，少去了很多配置，使用起来更便捷...