前端小鱼26

为什么你的Vue应用首屏总在转圈？ 2023年权威报告显示，​首屏加载时间每增加1秒，用户流失率提升11%。但Vue单页应用（SPA）常因打包体积过大、资源加载阻塞等问题，...

某次面试了一家银行的前端，被问到了关于前端安全方面的问题，具体就是前端如何做好加密解密，尤其是涉及到了用户信息，比如用户的手机号、身份证号之类的数据怎么处理。...

官方真的不推荐 Enum 了吗？ 甲级战犯 Enum 出列！起因是看到 科技爱好者周刊里面推荐了一篇文章，说是官方不再推荐使用 enum 语法，Enum 是老问题了，莫非这...

一、封装前的枚举字典定义 在日常开发中，我们经常会定义字典来做些下拉选择框： 定义枚举 定义字典 代码如下： 然后将 ArithmeticEnumMap 传入到下拉组件中去...

通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。 如果作为几年经验的中高级前端这其实是不应该的。...

在JavaScript中，Promise是一种解决异步编程问题的重要方式。一个Promise对象代表了一个将要在本次操作完成后立即、稍后或从未实现的返回值。本文对promi...

本文主要介绍了 Vue 3 中的组合式 API 及 Hooks 相关内容，关于自定义hooks的一些原则，常用hooks库vueuse和vue-hooks-plus。...

可能大多数的同学并不会 TypeScript，他们用的，只不过是给 js 加了一些“注释”，然后洋洋得意“TypeScript 不过如此”。。。...

codeRiview（代码审查）不仅对个人技能的成长有帮助，也对我们在升职加薪、面试有所裨益。CR 除了传统的方式外，也可以借助 AI 工具，来简化其中流程，提高效率。...

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 Re...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

序言 一、使用计算属性 1.传递单值或多值 防止有少部分人不知道，特意强调下：v-model是可以写多个的。后续不再举例多个的用法 2.传递对象 二、使用侦听器 1.传递单...

纯干货分享：汇总了我在工作中八年遇到的各种 Nginx 使用场景，对这篇文章进行了细致的整理和层次分明的讲解，旨在提供简洁而深入的内容。希望这能为你提供帮助和启发！...

前端异常种类有哪些？怎捕获异常？sourcemap到底有啥用？如何搭建一个错误监控的平台？关于那些前端异常的秘密，本文结合源码带你一一揭开！！！（文章内容较长，需要点耐心啦...

基于静态代码分析和Tree-shaking，分析旧项目里有哪些冗余代码可以删除。适合分析老旧项目里冗余文件，来进行清理...

做了两年多的性能优化，从一开始的一脸懵逼，到后来的逐渐摸到点门道，所以想由此记录一下，今天我们不谈术的东西，就聊聊道的方面，到底当我们接手一个性能优化专项后，我们该如何规划...

一、国际化文件放在后端 通过接口返回国际化文件，自然解决了冲突问题，后续修改也可以直接改库，前端无需重新打包部署。虽然这个方法可行，但是我们项目组并没有采用这种方案。原因有...

html代码规范、css代码规范、js代码规范、命名规范以及vue工程结构等相关规范记录，编写高质量的代码，提高代码质量和可读性，增强团队协作开发效率，统一编码风格规范。...

蛮荒时代 快看，这个男人叫小帅，他进了一家只有4个人的信息高科技有限公司，还妄想改变世界。 前端只有一个人，所谓的发版，就是直接本地打包，然后代码通过ftp工具扔到服务器上...