文章 2023-04-20 来自:开发者社区

前端工程化之概念介绍

世上之物本无好坏之分,只是思考使之如此  --《哈姆雷特》前言大家好,我是柒八九。从今天起,我们{又双叒叕|yòu shuāng ruò zhuó}, 开辟了一个新的领域:前端工程化。可能大家对这个词,比较陌生,但是如果把这个问题具象化,那就会感觉到倍感亲切。我简单罗列几个概念和技术脚手架SouceMapBabel/SWCGulp/Webpack/Rollup/Vite打包框架DevS....

前端工程化之概念介绍
文章 2023-04-20 来自:开发者社区

前端工程化中重要概念之测试框架

JestJest是一个流行的JavaScript测试框架,它可以用于编写和运行各种类型的测试,例如单元测试、快照测试、集成测试等。Jest具有易用、高效、全面的特点,同时还提供了丰富的API和插件,使得测试更加方便和灵活。MochaMocha是另一个流行的JavaScript测试框架,它支持多种测试类型,例如单元测试、集成测试、端到端测试等。Mocha具有灵活性和可扩展性,开发者可以根据自己的需....

文章 2023-04-20 来自:开发者社区

前端工程化中重要概念之检验/格式化/规范化

ESLintESLint是一个流行的JavaScript代码检查工具,它可以检查代码中的语法错误、代码风格、变量作用域等问题。ESLint可以配置多种规则,根据开发者的需求进行检查和提示。同时,ESLint还可以与编辑器和构建工具集成,使得检查和提示更加便捷和高效。PrettierPrettier是一个流行的代码格式化工具,它可以自动对代码进行格式化,使得代码更加统一、易读、易维护。Pretti....

文章 2023-04-19 来自:开发者社区

前端工程化中重要概念之打包工具

WebpackWebpack是目前最流行的前端打包工具之一,它可以将多个JavaScript、CSS、图片等资源文件打包成一个或多个文件,并且可以进行代码压缩、转换、处理依赖等操作。Webpack还提供了强大的插件机制,可以帮助开发者完成各种复杂的打包需求。RollupRollup是专门用于打包JavaScript模块的工具,它可以把多个模块打包成一个文件,并且可以进行代码压缩、转换等操作。相比....

文章 2023-04-19 来自:开发者社区

前端工程化中重要概念之构建工具

一、构建工具的基本概念 构建工具是指用于自动化构建前端代码的工具,其主要功能包括编译、压缩、合并、转码等。常见的构建工具有 Grunt、Gulp 和 Webpack 等。二、构建工具的原理和应用Grunt Grunt 是一种基于任务流的构建工具,它通过定义一系列任务来实现代码的自动化构建和优化。Grunt 支持多种插件和任务,可以完成各种任务,例如压缩、合并、转码等。同时,Grunt 也支持文件....

文章 2023-04-19 来自:开发者社区

前端工程化中重要概念之组件化开发框架

一、组件化开发框架的基本概念 组件化开发框架是一种将 UI 和功能逻辑封装为独立的可复用组件的开发方式。这些组件可以在不同的页面和项目中重复使用,从而实现代码的共享和可维护性的提升。常见的组件化开发框架有 React、Vue、Angular 等。二、组件化开发框架的原理组件化思想 组件化思想是指将 UI 和功能逻辑拆分为独立的模块,每个模块都可以独立地渲染和操作,从而提高代码的可维护性和重用性。....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注