前言 package.json 是 Node.js 项目的配置文件，搞前端的小伙伴应该没有不知道的，本文着重介绍一些大家可能会忽略掉的细节。 基本属性 name 项目的名称，它是一个字符串。在给 na

前言 本篇文章所使用的技术【Vue3 + Vite + Vant4】； 本文主要针对的业务场景： 需要使用验证码功能的地方； 更多趋向于 登录 或者 修改密码 这块； 以下页面结构只是针对于演示，实际

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

假设我们正在编写一个注册页面，在点击注册按钮之时，有一些校验逻辑。我们通常会使用一些 if 语句来覆盖所有规则，但这样使得代码臃肿且无法复用。能否使用一种设计模式来解决上述问题呢？

背景 最近在做低代码项目,想使用现成的拖拽库做低代码的编辑器区域,因为采用的技术栈是 Vue，所以看了 VueDraggable,这个库底层是基于 Sortable 的,在使用的时候发现跨 Ifram

项目当中前端代码会遇到同一个请求向服务器发了多次的情况,我们要避免服务器资源浪费,同一个请求一定时间只允许发一次请求,如果业务简单可以用定时器做防抖,如果业务复杂我要通过ajax库统一取消ajax请求

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议