岂为啥也不懂的女朋友讲清楚前端工程化是以举行什么？
王德福 5小时前 92 化妆 化妆师说了一晚上，快吵起来了，女朋友学大气，当我用稍微专业一点的语言跟她解释的时候，她就会表示不理解，要求我用通俗的语言讲，还表示自己可以把自己专业的问题给我讲的很清楚，我想知道是学科差距让交流困难，还是我太渣？
0 赞 0 踩
其他回答
前端简单来说三件事：HTML CSS JS，对应着框架，样式，交互。
你在网页上看到了文字，图片，这是HTML负责的；他们的大小，字体，颜色，是CSS负责的；填完报名表能够把数据提交出去，是JS负责的。
所以你看到的再复杂不过的网页，也离不开这三样东西，反过来说，用这三样东西就能做出来你看到的几乎所有的网页。
那我们说的模块化，自动化构建，自动化测试，又使用reactjs，gulp，webpack，coffee这些乱七八糟的东西到底是什么，又为了什么？
来自维基百科对于工程学的定义：
既然是要给大气专业的女朋友解释，我们就用测气温来举例。
一开始我们的气象站就是派一个气象员每天开车去各个监测点拿着温度计测温，但是这样效率太低了，而且其他同事替班的时候要么找的点不一样，要么拿温度计的高度不一样，有些倒霉孩子居然还让阳光直射温度计。于是在一次测出了海淀区气温50°C之后，气象局的领导决定改革一下业务规范。
（一个程序员来写各个页面，但是不同的人写代码风格不一样，代码也有很多缺陷，甚至低级的bug。）
改革的第一步是制定规范，测温不能阳光直射，也要考虑树荫的影响，测温的点精确到米，时间和高度也是确定了，这样哪怕是不同的气象员去测，得到的结果也是一样的。
（确定代码规范，缩进，换行，以及各种预编译工具less，coffee，保证输出代码的标准一致）
但是问题又来了，规则制订了，大家却都没有好好执行。领导来找大家谈话，大家说，人有时候难免偷偷懒嘛，还有一位员工郭某某反映说，温度计离地一米五实在是太困难了，为什么我们不弄一个一米五的箱子放在那，我们每天过去看看数据就好了呢？于是，局长发明了百叶箱。
（yeoman可以一键生成框架代码，保证协同工作的，同时把很多重复的工作交给了代码来做，保证高质，标准统一）
有些员工发明了组合式温度计，可以一次测出所有数据；有些员工发明了微信远程看数据，不用每天跑去每个采集点。还有员工做出了温度自动预警，一旦超过42°，自动发布警报。
（reactjs帮助代码模块化；gulp可以做自动任务，实时编译，并且监测文件改变而做出响应。）
只是随便举例说了工程化的一小部分，还有自动化测试，代码版本管理等等。但是大体上的道理是一样的，工程化就像是百叶箱一样，减少人的操作，把工作所需要的工具做到的标准化，工作的流程做到的标准化。
一切的工程化的理念都是相通的。工程化的程度越高，在工作中人的差异化体现的就越少，因为人的个体差异化导致的缺陷或者合作阻力也越少，这是在长期劳动中总结出的提高效率的模式，也是做出更大型工程的必要理论保证。
单身狗顶着被秀一脸的恩爱强行答题，你们怎么忍心不给个赞！
=========================
已经不是单身狗了...
但是还是没给女盆友讲明白什么是前端工程化...
你在网页上看到了文字，图片，这是HTML负责的；他们的大小，字体，颜色，是CSS负责的；填完报名表能够把数据提交出去，是JS负责的。
所以你看到的再复杂不过的网页，也离不开这三样东西，反过来说，用这三样东西就能做出来你看到的几乎所有的网页。
那我们说的模块化，自动化构建，自动化测试，又使用reactjs，gulp，webpack，coffee这些乱七八糟的东西到底是什么，又为了什么？
来自维基百科对于工程学的定义：
工程学或工学，是通过研究与实践应用数学、自然科学、社会学等基础学科的知识，来达到改良各行业中现有建筑、机械、仪器、系统、材料、化学和加工步骤的设计和应用方式一门学科。提取出核心概念就是“改良加工步骤”，这种改良应该至少包含两个方面：制定标准，提升效率。
既然是要给大气专业的女朋友解释，我们就用测气温来举例。
一开始我们的气象站就是派一个气象员每天开车去各个监测点拿着温度计测温，但是这样效率太低了，而且其他同事替班的时候要么找的点不一样，要么拿温度计的高度不一样，有些倒霉孩子居然还让阳光直射温度计。于是在一次测出了海淀区气温50°C之后，气象局的领导决定改革一下业务规范。
（一个程序员来写各个页面，但是不同的人写代码风格不一样，代码也有很多缺陷，甚至低级的bug。）
改革的第一步是制定规范，测温不能阳光直射，也要考虑树荫的影响，测温的点精确到米，时间和高度也是确定了，这样哪怕是不同的气象员去测，得到的结果也是一样的。
（确定代码规范，缩进，换行，以及各种预编译工具less，coffee，保证输出代码的标准一致）
但是问题又来了，规则制订了，大家却都没有好好执行。领导来找大家谈话，大家说，人有时候难免偷偷懒嘛，还有一位员工郭某某反映说，温度计离地一米五实在是太困难了，为什么我们不弄一个一米五的箱子放在那，我们每天过去看看数据就好了呢？于是，局长发明了百叶箱。
（yeoman可以一键生成框架代码，保证协同工作的，同时把很多重复的工作交给了代码来做，保证高质，标准统一）
有些员工发明了组合式温度计，可以一次测出所有数据；有些员工发明了微信远程看数据，不用每天跑去每个采集点。还有员工做出了温度自动预警，一旦超过42°，自动发布警报。
（reactjs帮助代码模块化；gulp可以做自动任务，实时编译，并且监测文件改变而做出响应。）
只是随便举例说了工程化的一小部分，还有自动化测试，代码版本管理等等。但是大体上的道理是一样的，工程化就像是百叶箱一样，减少人的操作，把工作所需要的工具做到的标准化，工作的流程做到的标准化。
一切的工程化的理念都是相通的。工程化的程度越高，在工作中人的差异化体现的就越少，因为人的个体差异化导致的缺陷或者合作阻力也越少，这是在长期劳动中总结出的提高效率的模式，也是做出更大型工程的必要理论保证。
单身狗顶着被秀一脸的恩爱强行答题，你们怎么忍心不给个赞！
=========================
已经不是单身狗了...
但是还是没给女盆友讲明白什么是前端工程化...
王德福 4小时前 0条评论
0 赞 0 踩
你得到了一张脸(HTML)以及一张化妆的步骤清单(JS)，按照化妆步骤清单从化妆盒中取得工具(AJAX)并按照清单上的要求化妆(浏览器渲染)，完成后你看到的就是一张化了装的漂亮的脸(最终看到的页面)。
工程化以后，以前一个人负责整个化妆流程，现在A专业化眉毛，B专业打腮红。。。收到一张脸后按照清单流程由不同的化妆师依次完成，化妆师更精于自己的专业。
前端框架就是专注于化某些部位或专注于化妆某部分流程的化妆师团队。
组件化就是以前睫毛要用睫毛膏一点一点涂，现在有现成的睫毛，根据需求调整好长度宽度等一下贴上就搞定。
MV*模式就是以前一堆化妆师照着清单化妆，特定的化妆师只能看懂特定的清单，如果清单发生了变化，例如用火星文写的，化妆师就抓瞎了，同样化妆师换了一批火星人，现在清单也必须要改用火星语，清单和化妆师耦合太紧。使用MV*模式，现在化妆师不用看清单了，有个人负责用喇叭喊，眉毛化成XXX样式，负责化眉毛的化妆师就按照要求工作，这样即使清单是用火星语写的，负责喊的人也可以翻译成化妆师团队听得懂的语言喊出来。
工程化以后，以前一个人负责整个化妆流程，现在A专业化眉毛，B专业打腮红。。。收到一张脸后按照清单流程由不同的化妆师依次完成，化妆师更精于自己的专业。
前端框架就是专注于化某些部位或专注于化妆某部分流程的化妆师团队。
组件化就是以前睫毛要用睫毛膏一点一点涂，现在有现成的睫毛，根据需求调整好长度宽度等一下贴上就搞定。
MV*模式就是以前一堆化妆师照着清单化妆，特定的化妆师只能看懂特定的清单，如果清单发生了变化，例如用火星文写的，化妆师就抓瞎了，同样化妆师换了一批火星人，现在清单也必须要改用火星语，清单和化妆师耦合太紧。使用MV*模式，现在化妆师不用看清单了，有个人负责用喇叭喊，眉毛化成XXX样式，负责化眉毛的化妆师就按照要求工作，这样即使清单是用火星语写的，负责喊的人也可以翻译成化妆师团队听得懂的语言喊出来。
durow 4小时前 0条评论
0 赞 0 踩
登录后可回答 提交回答
关键词 :
- 上一个：李荣浩之《李白》唱的是一致种什么程度？
- 下一个：张杰能称为巨星吗？
相关资讯
- 谋女郎章子怡素颜助阵张艺谋电影 夸赞其很浪漫
- 伊能静儿子脚踩20cm高跟鞋 与美女同框大秀长腿
- 霍思燕教育孩子好严厉 嗯哼大哭满脸鼻涕紧跟妈妈
- 莫文蔚将举办“绝色”巡回演唱会 宣传海报遭网友吐槽
- 杨幂和许凯路透照曝光 杨幂身穿白衬衣美腿隐约可见
- 拍打戏被照顾？张蓝心:不要因为我是女孩降低标准
- TVB老戏骨余慕莲化险为夷顺利出院 和以前身形模样判若两人
- 王子文晒粉丝手写信 好奇提问“为什么叫我小丸”
- 李光洙为什么宣布退出RM主持 李光洙退出runningman原因曝光
- 郑恺公司涉合同纠纷案 被强制执行3300万
推荐资讯
点击排行