iyeahyeah

Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。...

本文探讨了Monorepo（单仓库多项目管理模式）与pnpm（高效的JavaScript包管理器）如何成为前端开发中的理想搭档。首先，文章概述了Monorepo模式的核心优...

移动端适配 所谓移动端适配，其概念就是在任意手机中我们开发的网页显示都是正常的，如下例子所示 上面的页面如果在 iPhone6/7/8 中查看那就一切正常，因为 iPhon...

本文记录实战中搭建 NextJS 项目的所有流程, 整篇文章篇幅较长, 文章内容包括但不限于: NextJS 以及相关命令简介、项目初始化、pnpm 引入、NextUI 安...

前期准备·基于Centos7系统云服务器一台。·基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化...

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的...

使用 Vue 3 和 Vite 创建了主框架，并集成了 qiankun 来管理和加载 React 18 和 Vue3 子应用。由于篇幅有限，所以这里重点是使用qiankun...

最近刚入新项目，线上出了一个bug，Leader让排查。相关代码稍显复杂，想看看git历史记录获取些线索，打开Git Graph一看，当场石化，这不都是git规范的反面教材...

早上好，中午好，晚上好 在当今的前端工程化领域，第三方库的使用已经成为标配。然而，不可避免的是，这些库可能会存在bug，或者是库的一些功能并不能满足需要，需要修改库的某个功...

之前写过两篇文章，分别介绍了我在 Siphon 产品中用到的好用的库，以及浏览器插件开发相关的库： 盘点最近 React 项目中用到的一些非常好用的库：动画库、组件库、Ho...

tsconfig.json 是 TypeScript 项目的配置文件，用于指定编译器选项和项目结构。下面是对 tsconfig.json 文件中每个常见属性的详细解释： 基...

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度...

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第14天，点击查看活动详情。 是什么 LRU（Least Recently Used），即最近最少使用，是...

得物的服务端监控是比较全面和有效的，除了上报原始日志数据，还通过数据分析制定线上告警机制，调用链路分析，而针对前端项目这一块，还是不够全面。本文主要是介绍得物针对监控做了哪...

前端白屏指页面在加载过程中长时间无法正常展示内容，内容区空白，使用户无法进行查看、保存等一切操作，这是非常严重的问题。如果能尽早检测到白屏问题，就可以及时处理，避免或降低负...

笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...

手把手搭建React UI库的第二篇。讲述UI库主题样式的设计原则和设计理念，并选择一种方式进行实操搭建。...

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众...