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

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

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

前端工程化

背景

前端工程化的概念近两年来被广泛的提及,究其原因,是前端工程师所负责的客户端功能逻辑在不断复杂化。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)
上一篇 2022年4月20日 下午6:00
下一篇 2022年4月20日 下午6:00


相关推荐

  • 防不胜防,你可能访问了一个被克隆的网站什么意思_浏览被黑客攻击的网站

    防不胜防,你可能访问了一个被克隆的网站什么意思_浏览被黑客攻击的网站我们来看一下以下这2个网址:http://www.lcbc.com.cn、http://www.baiud.com,在此之前大家有没有发现有什么异样?仔细一看,大家会发现…

    2025年9月11日
    9
  • matlab绘画三维图形(三)

    matlab绘画三维图形(三)对散点图拟合三维网格图形 num xlsread data 2011a xls B4 E322 读取出该区域的数据作为表格 A num 1 从 B 矩阵取出第一列的所有行 B num 2 C num 3 xx linspace min A max A 50 产生 min A 到 max A 均摊的 50 个点 目的上拟合离散点数量上的不足 yy linsp

    2025年10月10日
    10
  • densenet详解_dense参数

    densenet详解_dense参数DenseNet于论文《》中提出,是CVPR2017的oral。论文提出DenseNet并与ResNet和Inception做对较。为提升网络的效果,一般操作是增加网络的深度和宽度,但论文作者另辟蹊径,聚焦于feature的极致利用以获得更佳效果和更少参数。对于梯度消失问题,ResNet等网络使用跳层连接结构加以解决。作者延续该思路,提出DenseBlock,在保证网络层间最大程度的信息传输的同时,直接将所有层连接起来。……………………

    2026年4月18日
    6
  • 2019-07高德地图行政区域省市区json数据获取(php代码)

    2019-07高德地图行政区域省市区json数据获取(php代码)写在前面从省向下查三级,高德县级市的子级会返回街道,正常的市正常返回子级为区。具体高德api参数详情请查看https://lbs.amap.com/api/webservice/guide/api/district代码//获取json数据publicfunctiongetDataAction(){set_time_limit(0);$url=”…

    2022年6月21日
    28
  • 简述你对ioc的理解_对剩余价值的理解总结

    简述你对ioc的理解_对剩余价值的理解总结目录一、对IOC和DI的基本认识(一)理解IoC,即“控制反转”(二)IoC具体做什么?(三)理解IoC和DI的关系二、对IOC容器初始化的理解四、对DI依赖注入的理解(主要是)参考书籍、文献和资料一、对IOC和DI的基本认识(一)理解IoC,即“控制反转”在Java开发中,Ioc意味着将你设计好的对象交给容器控制,而不是传统的在你的对象内部直接控制。理解好…

    2025年11月8日
    6
  • ORACLE游标(oracle游标属性)

    ORACLE游标(oracle游标属性)文章目录1概述1.1思维导图2语法2.1基本写法(4步)2.2游标4大属性3分类3.1静态游标3.1.1隐式游标dml3.1.2显式游标cursor3.2动态游标3.2.1自定义类型refcursor3.2.2系统类型sys_refcursor4扩展4.1三种游标循环效率对比4.2实例:实际开发中,游标遍历数据1概述1.游标是什么?用来存储多条查询数据的一种数据结构(’结果集’),它有一个’指针’,从上往下移动(’fetch’),从而能够’

    2022年4月18日
    89

发表回复

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

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