菠萝吹雪_前端版

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。 背景 在开发Vue项目时，使用浏览器调试可以比较清晰的看到报的什么错、在哪报错...

Webpack 是一个非常强大的模块打包工具，它能够处理各种类型的资源文件，并将它们转换成浏览器可以理解的形式。Webpack 的核心功能之一是通过 loader 和 pl...

在营销活动中，通过埋点可以获取用户的喜好及交互习惯，从而优化流程，进一步提升用户体验，提高转化率。 在之前的埋点方案实现中，都是在具体的按钮或者图片被点击或者被曝光时主动通...

想必大家都写过 http 服务，接受 http 请求、做一些处理、返回 http 响应。 这样完成 web 服务器的功能没问题，但随着功能的越来越多，比如现在有一百多个模块...

在前端处理大量数据时，可以采用以下几种方式来提高处理速度和性能： 数据分页：将数据分成多个页面，并按需加载。只加载当前页面的数据，而不是一次性加载全部数据。这可以减少初始加...

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多...

虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表 前言 在开发中经常遇到大量的渲染列表数据问题，往往我们就只是简单地遍历渲染，没有过多地去关注是否会存在性能问题，...

最近使用Next14配合Auth.js5实现了github、google、gitee授权登录以及邮箱密码登录，中间遇到了不少坑，给大家分享一下，帮助大家避坑。...

expo出来已经有一段时间了，发现相关的文章还是比较少的。如果你在开发react native，那么我推荐你赶快使用expo来开发把！ expo的好处是什么？ 一、零配置开...

搭建Next项目 系统要求：Node.js18.17或更高的版本 自动安装 建议使用 create-next-app，若要创建项目，请运行： 安装时，将看到以下提示： 在提...

路由1111111111111111111111111111111111111111111111111111111111111111...

通过一个大屏的BUG，发现问题，找出问题，提出解决方案，并且通过文件压缩的性能优化，引出其他性能优化方案，已经性能评估标准。...

所谓“埋点”，是数据采集领域(尤其是用户行为数据采集领域)的术语，指的是针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。比如用户某个icon点击次数、观看...

倒计时Hooks11111111111111111111111111111111111111111111111111111111111...

去年写了《NextJs 从入门放弃》文章后，直到最近开发项目，才重新关注 NextJs，其版本已更新到**V14**，趁着**V15**还在蓄势待发，先赶紧总结一下开发的心...

前言 新入职的公司有对next的技术栈要求，而我个人来说也仰慕next + prisma一站式开发很久了，那么作为完全没接触过 SSR 框架的小白，来写一篇通俗易懂的入门级...

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

表格是中后台频繁使用的组件，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是一个基于arco design vue组件库封装的表格hooks：useTab...

1第一种解决办法vue-i18n 安装vue-i18n 新建lang文件夹 在lang下新建 en_us.ts 在lang下新建 zh_cn.ts 在lang下新建ar.t...