嘉华

认识Vite Vite是什么 是脚手架？是构建工具？ 首先搞清楚这两者的定义： 脚手架：帮助我们搭建开发环境的项目代码的工具 构建工具：将代码从开发环境构建到生产环境 构建...

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在...

MutationObserver 的出现极大地拓宽了前端开发的思路和应用场景。它使开发者能够更好地捕捉和处理 DOM 的变化，实现更丰富、更高效的交互体验和页面操作。...

创建一个 Sentry 项目 Step 1: 创建项目 Step 2: 创建警报规则 将 Sentry SDK 引入您的前端代码 前置条件 Step 1: 获取代码 Ste...

前言 项目全线使用vue3的时候，自然使用的是配套更加契合的vite打包工具，于是自然而然会用到很多新的语法，比如这两年开始普及的可选链语法，这个语法都已经纳入声呐的代码规...

最近又出现白屏的情况，结合以往的经验，简单总结下，如果出现白屏怎么排查处理。 排查浏览器相关问题 1. 浏览器的缓存 有时候，浏览器会缓存错误的版本，导致页面白屏。可以使用...

最近在React源码上颇有用功，所以决定将我的思想感悟记录于此，也欢迎大家及时纠错。 如果在面试中，面试官问了你这样的问题：请说一下React事件机制。我觉着你可以从下面的...

前言 前端页面白屏,是影响用户浏览体验的常见问题之一。它会导致页面长时间空白。尤其是对于SPA项目。 什么是页面白屏 页面白屏指页面在加载过程中长时间无法正常展示内容,用户...

1.背景页面“白屏”是项目代码异常引起的，需要特别关注。故希望对该场景进行精准的探测，并由此而来开发出一整套白屏检测模块。2.问题分析2.1白屏定义白屏，是页面出于某些异常...

大家好，今天我要给大家介绍一个让我惊喜连连的工具 - usePagination。作为一名前端开发者，我深知处理分页功能有多么繁琐。但自从遇到了usePagination，...

前端越来越卷，啥都得会点。内网穿透自己电脑启的服务，让远在千里之外的人也能访问到。这里选择 ngrok 只需要3步就可以搞定。...

CI/CD原理、yaml语法、.gitlab-ci.yml配置、runner流程等文章也许你已经看了不少，但是还没实际操作过的同学相信也很多。下面带你实际操作一把CI/CD...

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？...

继上篇提到的前端项目容器化部署，这一篇接着展开关于“容器重启后丢失原前端资源”的现象和解决方案的分享。相信结合这篇文章一起看，大家可以更加理解前端项目静态资源部署和容器化部...

CICD CICD 是“持续集成”（Continuous Integration）和“持续交付/部署”（Continuous Delivery/Deployment）的缩写...

前言 这是一篇属于面向前端的关于CICD和Github Action的入门文章，其旨在： 入门掌握Github Action的用法 学习CI和CD的含义及其实现细节 基于G...

最近在使用ts编写node后台的时候想到的一些问题，ts不应该只是一个类型声明的js，于是用上了在文档中看到过的declare等相关的内容，以及结合自己使用时踩过的坑写下的...

比如这种常见的卡片，在首页和详情页或者其他页面都需要展示，这个时候就要考虑封装成一个通用的组件，来提高代码的复用性和可维护性。 先理一下这个结构，首先内容区相同，不同的是底...