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

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

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

前端工程化

背景

前端工程化的概念近两年来被广泛的提及,究其原因,是前端工程师所负责的客户端功能逻辑在不断复杂化。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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 台式机通过网线连接笔记本的wifi网络

    台式机通过网线连接笔记本的wifi网络由于在实验室的场地要求,不容易拉网线进行学习,也就开始研究利用网线连接笔记本来使台式机连接上网络。【台式机:Ubuntu18.04+笔记本:Windows10】首先,Ubuntu系统的网络设置不变【IPV4,IPV6都是自动的】其次开始设置Windows10的网络(设置不好容易导致笔记本也上不了网哦)1.右击我们的图标,进入网络和Internet设置。2.进入网络和共享中心3.点击笔记本的WLAN网络(这个时候默认你已经插上了网线,而且进入的这个过程可以通过控制面板进入)4.这个时候

    2022年6月26日
    37
  • cmd cd 无法切换目录_cd切换盘符

    cmd cd 无法切换目录_cd切换盘符在windows下,打开cmd.exe,默认进入到当前用户主目录下,发现除了C:\盘,可以通过cd..,cd,dir去到C:\盘的各个目录外,不能通过cdd:进入到其他盘可以在c盘各个目录自由切换不能通过cdd:进入到其他盘,仍停留在原来的位置有两种方式可以解决这个问题:cd/dd:在cd和盘符之间加上/de:

    2022年10月3日
    1
  • futex简介_fut是什么牌子

    futex简介_fut是什么牌子找到一篇很好的文章,讲得深入浅出;貌似原网站也很不错。转载自http://linuxperf.com/?p=23futex(fastuserspacemutex)是Linux的一个基础构件,可以用来构建各种更高级别的同步机制,比如锁或者信号量等等,POSIX信号量就是基于futex构建的。大多数时候编写应用程序并不需要直接使用futex,一般用基于它所实现的系统库就够了。futex的性能非常优异,它是怎样做到的呢?这要从它的设计思想谈起。传统的SystemVIPC(interproces

    2022年9月21日
    0
  • 阿里巴巴JVM调优工具arthas「建议收藏」

    阿里巴巴JVM调优工具arthas「建议收藏」下载下载全量包从Maven仓库下载最新版本,点击下载:从GithubReleases页下载https://github.com/alibaba/arthas/releases用as.sh启动解压后,在文件夹里有as.sh,直接用./as.sh的方式启动:./as.sh打印帮助信息:./as.sh-h用arthas-boot启动或者在解压后,在文件夹里有arthas-boot.jar,直接用java-jar的方式启动:java-jararth

    2022年5月6日
    69
  • UpdatePanel用法详解

    UpdatePanel用法详解本文转自:http://www.cnblogs.com/shangxia/articles/2281782.html今天用做日历显示本月的考勤记录,用到了UpdatePanel控件,才发现对这个控件并不太了解,所以找了点儿资料,整理了一下给大家发上来!一、UpdatePanel的结构”ScriptManager1″runat=”server”>”Update

    2022年7月23日
    9
  • 欢迎使用CSDN-markdown编辑器[通俗易懂]

    欢迎使用CSDN-markdown编辑器[通俗易懂]引用块内容欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗Ctrl+B斜体Ctrl+I引用

    2022年6月3日
    35

发表回复

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

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