![](https://i-blog.csdnimg.cn/direct/823a8d78e80242c9b92d6713fb8fc66d.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识图谱
文章平均质量分 94
前端研发链路、性能优化、原理等重要前端知识梳理。
前端徐徐
公众号:前端徐徐
展开
-
浅谈前端研发链路之 CI/CD
在现代的前端开发工程体系中,CI/CD 在里面扮演着重要的角色,它的出现改变了前端发布的方式,为构建大型应用提供了有利的基础设施,本片文章将分别从CI/CD产生的背景及意义,以及其运作方式和常用的工具来简单探讨一下,希望可以给你带来帮助。在前端开发中使用CI/CD,就像是给自己找了一个得力助手。它帮你自动完成很多繁琐的工作,让你可以专注于创造性的任务。通过自动化的构建、测试和部署,你和你的团队可以更快地交付高质量的产品,同时还能降低出错的风险。原创 2024-09-02 22:48:33 · 508 阅读 · 0 评论 -
浅谈前端研发链路之开发
在现代前端开发中,工程化手段和工具的应用尤为重要。这些工具和技术不仅提高了开发效率,还保证了代码质量。在本文中,我们将探讨前端研发链路中的开发部分,这里的开发不是教你如何写代码,主要是工程体系上的开发概念,介绍开发服务器(dev-server)、热更新(hot-reload)、数据模拟(mock)和代理(proxy)等关键技术。这些技术大家日常都会用到,但是很多人并不理解其基本原理,这里和大家简单分析分析。原创 2024-09-02 22:44:10 · 363 阅读 · 0 评论 -
浅谈前端研发链路之测试
你是不是经常听到周围的同事在讨论单元测试、E2E测试啥的,但又觉得一头雾水?别担心,这篇文章就是为你准备的!我们将一起探讨前端测试的世界,搞清楚它是什么、为什么要做、以及怎么做。相信读完这篇文章,你会对前端测试有个全新的认识!简单来说,前端测试就是确保我们写的代码能够正常工作的一系列检查手段。想象一下,你刚写完一个超酷的功能,兴高采烈地准备上线,结果发现在用户那边完全跑不起来,那岂不是尴尬到爆?所以,我们需要在开发过程中不断进行测试,及时发现并修复问题。好啦,我们的前端测试之旅就到这里了。原创 2024-09-02 22:45:23 · 303 阅读 · 0 评论 -
浅谈前端研发链路之构建
我们每天都在说构建构建,你真的了解前端构建吗?在现代前端开发中,构建过程扮演着至关重要的角色。随着 Web 应用变得越来越复杂,直接编写原生 HTML、CSS 和 JavaScript 已经不能满足开发需求,我们需要工程化的体系去构建前端应用。构建过程通过自动化工具链,将开发者的源代码转换为高效、兼容性好的生产代码。接下来,我们就一起来聊一下构建过程中的三大主力:构建器、JavaScript 编译器和 CSS 编译器。看看它们都是什么来头,能耐如何,适合在哪些场合大显身手,以及他们是如何合作的。原创 2024-09-02 22:47:36 · 279 阅读 · 0 评论 -
浅谈前端研发链路之代码规范
在前端开发过程中,保持代码的整洁和一致性是至关重要的。这不仅有助于团队协作,提高代码的可读性和可维护性,还能减少错误,提升开发效率。本文将从业界流行规范,CSS命名规范,工具三个方面简析一下前端开发中的代码规范,然后探讨一下未来代码规范的发展趋势。代码规范是一个老生常谈的问题,每个团队都有自己团队的风格,也可能定制出不一样的编码规则,但是基本上业界的标准是通用的,只是在团队的实施过程中会有少许差异。代码规范其目的不是为了束缚某个人,而是抹平整个团队代码风格的差异。原创 2024-09-02 22:42:13 · 373 阅读 · 0 评论 -
如何实现一个类似create-vite的脚手架并发布npm
最近在做一个electron生态相关的项目,由于要做一些项目初始化的功能,所以就写了一个脚手架来做这件事情,然后详细了解和实践了一番脚手架相关的功能,最后成功做出来我想要的脚手架,在这里把相关的经验分享出来。我们先来看下vite的官网。我们要实现的目标也是这样,直接快速搭建一个electron的项目。原创 2023-10-25 19:17:21 · 311 阅读 · 4 评论 -
浅谈前端研发链路之包管理器
在现代前端开发中,包管理工具是不可或缺的一部分。随着前端研发链路的不断演进,项目变得愈发复杂,对高效管理依赖项的需求也日益增加。包管理工具的出现,极大地简化了对外部库、框架和依赖项的管理和安装过程,使开发者能够专注于核心业务逻辑的实现。本文将探讨当前前端开发中最常用的三种包管理工具:Npm、Yarn 和 Pnpm。通过分析它们的背景、优缺点和使用场景,帮助开发者在前端研发链路中选择最适合自己项目的包管理工具,以提升开发效率和项目的稳定性。原创 2024-07-22 09:45:20 · 591 阅读 · 0 评论 -
浅谈前端研发链路之脚手架
大家好,我是徐徐。今天我们来聊聊前端研发链路中的脚手架。原创 2024-08-05 20:58:26 · 640 阅读 · 0 评论