前端工程化_前后端分离的意义

前端工程化_前后端分离的意义前端工程化

大家好,又见面了,我是你们的朋友全栈君。

前端工程化

背景

前端工程化的概念近两年来被广泛的提及,究其原因,是前端工程师所负责的客户端功能逻辑在不断复杂化。PC网站、手机应用、桌面应用、微信小程序,前端开发的应用领域越来越广,前端工程师这个职位也不再是几年前被戏称的“切图仔”,在这种背景下,前端工程化应运而生。

聊到前端工程化,必然会有一些问题,本文会带着这几个问题去介绍前端工程化。

  • 什么是前端工程化?
  • 为什么要做前端工程化?
  • 前端工程化怎么做?
  • 现有的前端工程化产品?

什么是前端工程化?

要知道什么是前端工程化,先来看看什么是工程化,维基百科对工程化的定义:

工程学、工程科学或工学,是通过研究与实践应用数学、自然科学、社会学等基础学科的知识,来达到改良各行业中现有材料、建筑、机械、仪器、系统、化學和加工步骤的设计和应用方式一门学科。 实践与研究工程学的人叫做工程师。

在前端领域,工程化是根据业务特点,将前端开发流程规范化,标准化。前端工程化包括开发流程、技术选型、代码规范、构建发布、性能优化、前端监控等内容,主要目的在于制定标准和提升效率。

为什么要做前端工程化?

1990年诞生的网页脚本语言只能用于简单的表单校验,Web开发主要是后端开发。
2005年,AJAX异步请求技术改变了网页的交互模式,用户对网站的需求越来越多,客户端开发稍微重要了一些。
2008年,Google推出V8引擎之后,浏览器性能大大提升,前端工程师承担起了客户端的交互、UI和逻辑的开发,工作职责进一步扩大。
2009年,Node问世将Javascript带到了服务端开发领域,“大前端”模式下前端工程师也能涉及服务端领域了。
近年来SPA应用的发展,React和Vue等框架的流行,大大提升了前端开发的效率。
NodeJs快速发展,开发出了许多工具提升前端开发效率。
随着互联网的发展,用户量越来越大,各大公司开始关注网站的性能和稳定性。
针对这些需求,需要对前端开发进行规范化、流程化、自动化,前端工程化就显得尤为重要。

前端工程化的主要目标是解放生产力、提高生产效率。通过制定一些列的规范,借助工具和框架解决前端开发以及前后端协作开发过程中的一些痛点及难点问题。

前端工程化如何做?

根据开发流程和功能模块,可以将前端工程化分为工具、框架、流程、部署、性能、监控6个方面去介绍,前端工程化主要从这6个方面对前端开发进行规范化、流程化、自动化。

  • 工具
  • 框架
  • 流程
  • 部署
  • 性能
  • 监控

前端工程化产品

文章首发于我的Github:前端知识体系

转载于:https://www.cnblogs.com/suvllian/p/9733294.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107282.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • eclipse运行java程序_如何在Eclipse中运行简单的Java程序?「建议收藏」

    eclipse运行java程序_如何在Eclipse中运行简单的Java程序?「建议收藏」正如您可能从问题本身可以理解的那样,我是Java的新手。我进行了一个练习,编写一个Java程序,该程序接收一个字符,将其打印并输出Unicode表中的下一个字符。现在,我有解决此问题的方法:publicstaticvoidmain(String[]args){charc=args[0].charAt(0);charc1=(char)(c+1);System.out.prin…

    2022年7月8日
    20
  • 什么是转发和重定向转发_转发和重定向的相同点

    什么是转发和重定向转发_转发和重定向的相同点通过代码和图解详细解释转发和重定向的区别。最后得出结论!

    2025年10月1日
    2
  • 最新版oracle 11g下载和安装教程

    最新版oracle 11g下载和安装教程学习oracle第一步免不了下载安装Oracle数据库,但是很多人学习时都有通过百度在网上搜索下载的习惯,但是,百度的搜索结果一堆盗版网站,盗版下载地址着实让人头疼,Oracle数据库企业版/标准版是免费对个人学习使用的,因此自己当然要会使用官方正版网站下载安装正版最新的Oracle啦。下载:第一步:去Oracle官网https://www.oracle.com点击下载第二步:…

    2022年5月7日
    164
  • pycharm怎么配置python环境anaconda_编译环境是什么

    pycharm怎么配置python环境anaconda_编译环境是什么1.介绍Python:一种解释型、面向对象、动态数据类型的高级程序设计语言。PyCharm:一款好用的集成开发环境。Conda:Python环境管理器,方便我们管理和切换编程环境。2.下载2.1Conda下载Miniconda下载链接Anaconda下载链接Miniconda是Anaconda的压缩版,Miniconda只包含conda的核心内容,Anaconda中包含了Spyder集成开发环境等扩充内容。Miniconda的功能足矣。根据计算机的实际情况选择下载安装包,上图中Py

    2022年8月26日
    5
  • IsBackground对线程的重要作用「建议收藏」

    IsBackground对线程的重要作用「建议收藏」IsBackground对线程的重要作用要点:1、当在主线程中创建了一个线程,那么该线程的IsBackground默认是设置为FALSE的。2、当主线程退出的时候,IsBackground=FALSE的线程还会继续执行下去,直到线程执行结束。3、只有IsBackground=TRUE的线程才会随着主线程的退出而退出。4、当初始化一个线程,把T

    2022年10月10日
    2
  • lxml基本用法_XML是什么

    lxml基本用法_XML是什么lxml库结合libxml2快速强大的特性,使用xpath语法来进行文件格式解析,与Beautiful相比,效率更高。0x01安装可以利用pip安装lxml:pipinstalllxml在windows系统中安装时,可能会出现如下错误:提示如下:error:MicrosoftVisualC++9.0isrequired(Unabletofin…

    2025年6月20日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号