前端开辟在挪动海潮的到来中，越演越烈，在web app的强势驱动下，在native化交互的硬需求下，前端的需求从本来的操纵操纵dom，来个小动画，改变成了全数据流的末尾处置惩罚端。前端不再是什么ui，不再是一个bootstrap+jquery就能够处理一切题目标领域。在数据处置惩罚的下垂当中，如安在最短的时刻内处置惩罚用户的交互数据，用户的统计数据，用户的剖析数据，成为了前端数据链当中的重中之重。怎样处置惩罚这些数据，怎样处置惩罚这些数据和native交互的链接，成为了前端必需要处理的题目。而，由此带来的前端职员的增添，东西的增添，怎样有用，有质量的处理这些题目标工程化头脑被提上了汗青的舞台。
从ui到数据链处置惩罚
良久之前，我们pp图，写写html，写写css，写写jquery，以为前端云云优美，数据由CGI处置惩罚，我们不必忧郁，挪用就好，3个人能够处理前端的一切题目。然则，倏忽，有一天，数据的高墙被推倒，我们看到了墙表面的天下，本来，墙的表面真的有伟人。
是前端，但不仅仅是前端
这里所说的前端，并非单单指的是前端，而是以前端为代表的ui开辟。全部ui开辟，现实上是一体的，很长时刻以来，在全部软件工程体系当中，ui开辟一向得不到充足的注重，协定层，数据层的东西才被认为是软件工程的中心，然则当UX愈来愈被注重，协定层和数据层的生长碰到瓶颈，前端工程才从新被认知和注重，而此时的前端，已不当当是当初谁人写写xml/html接口集，写写css款式集，写写javascript/java/OC/swift剧本的前端，而是一个要求处置惩罚数据末尾处置惩罚的事情流的前端。数据的高墙被推倒以后，前端要怎样去处置惩罚呢？
数据才是顺序存在的基础要义
那末，我们为何要把数据放入到前端开辟的领域中来呢，如许是否是有意义的呢？事变是很清楚的，最主要的原因是，数据是顺序存在的基础要义。没有人花时刻在顺序上面，只是为了看代码运转完以后的success，哦，除了顺序员。
交互需求是数据存在的基础启事
而数据的泉源又是因为人对机械发出的指令，也就是我们所说的交互需求。换句话来讲，前端开辟断交不是什么简朴ui处置惩罚，而是一个完全的交互开辟，一个人与数据处置惩罚的开辟。
那末，从这个角度动身，前端工程完全是一个自力的软件工程领域。我们来议论下工程化，这个题目。
工程化
所谓工程化，表达出来的是，怎样将一个看起来简朴的事变做的更好。许多时刻，我们也许并不体贴如许做的基础原因，如许做的理论依据，如许做的专业性知识，然则，我们绝逼会如许去做，因为此，才能够把事变做好呀，这不就是工程师要做的嘛？
东西化
因为前端使命的沉重，所以涌现了大批的东西来处置惩罚一些人来很轻易出错的使命，比如说兼并文件，殽杂文件，压缩文件，标注md5码。等等。。。将事情细分，然后引入东西去处置惩罚一些题目，成为趋向。种种gulp/grunt/webpack的插件能够申明题目。
模块化，组件化
在以往的前端，一个页面大多都是一个轮回天生的。：D，然则如今，不单单是一个个轮回能够处理的啦，愈来愈微小的营业需求，致使我们必需对每一个营业有很清楚的是熟悉，然则，一个人的精神是有限的，职员的增添和代码复用的需求，致使了模块化的涌现，而模块化的涌现，致使了功用组合和复用的需求，资本和追求的组合，这就是一个零丁的交互的组件。webpack，seajs，requirejs，AMD，CMD以及react，vue是前端模块化组件化的前驱
自动化
东西化的运用和模块化的头脑，使得自动化成为了能够。管道的处置惩罚方式，和node带来的体系级数据处置惩罚才能，致使了前端自动化成为了一个不可阻挠的大趋向。gulp，grunt这类东西是自动化的代表。
规范化
自动化的运用，给前端带来的是对规范化的需求。没有规矩不成方圆。怎样处置惩罚css module，js module，这些组件要怎样组合，一个组件应该要具有什么基础的要素，这些都是前端规范化的历程。浏览器对ECMAscript规范的一致和对html5，css3规范的一致，也使得前端的开辟变的有章可循。
可展望化
工程化带来的，是我们能够很邃晓的晓得，数据的input和output的直接关联。function从一个Object变成一个factory。react的现实做法，就是将pre-function引入到DOM render当中来处置惩罚，使得DOM render变的能够预感，能够处置惩罚。
流水可处置惩罚
前面的这一切，为流水化工业临盆打下的理论基础。也就是说，前端的代码编写变的越发的平民化，和普及化。同时，前端的开辟效力会有一个质的提醒。
可控的前端
一切的这一切，终究的目标，是为了一个高效开辟，高可控的前端。而可控的前端，包含了下面的方面。而恰是这些需求，促成了函数式编程在前端开辟的领域愈来愈被注重。同时数据上报也成为了末尾数据开辟的主要部分。
数据可控
在开辟阶段，你能晓得你要什么样的数据，你得到了什么样的数据。
在布置阶段，你能晓得数据那里错了。
毛病可控
发作了什么毛病，哪些毛病是高频发作的，这些毛病是怎样发作的，在什么场景下发作的。毛病发作以后，对营业的直接影响是什么。
反应可控
我们能晓得用户对产物的使用情况是怎样的。这些产物本身会体贴的。
开辟可控
我们要晓得，详细的代码执行情况，页面要求的时刻，页面衬着的时刻，首屏可见的时刻，等等，这些开辟想要的优化数据要可控，可见。而这些就要求，数据上报。
