关于组件化开发的思考

too young to simple！

大四上学期那会，在南昌科泰华软件有限公司的实习期间，有一个“自助拍照机”的项目，当时不知在哪个博文看到了觉得单页应用真的艹鸡棒，而且暑假也做过一段时间移动端的H5，想想刚好有新项目来了，可以用这个‘自助拍照机’项目来练练手。当时我内心就这么愉快的决定了，可是公司另一个前端由于对这个没有概念（我内心真特么是秀才遇到兵）。于是我跟他和另两个做java后台的讨论的下：

单页应用优点：页面无刷新，用户体验好。

单页应用缺点：另一个前端没做过大型项目的单页应用，后台觉得代码维护困难，特别是如果后期如果要加功能的话，更改难度大。

后来因为和前端闹了一些矛盾，和另一个前端吵了一架（现在想想也怪当时冲动，为了工作没必要伤感情），后来经理调解了，经理觉得公司这种项目没做过单页，而且正如晨晨（做java后台的）所说，后期维护困难，还是按照以前的思路，不要做单页应用。

---------------------------分割线--------------------------------

2016年初顺利到深圳一家公司（第四次元科技有限公司）谋生了，公司CTO（江湖人称俊哥，有着一副21.2岁的外表，其实是84年的+_+0）对前端实现手段放得开，所以我们也能自由发挥，以前不敢或者公司不让用的剑法在这里都用于实现了，刚入职是2.16.2.29、现在2016.4.23了，用了sass预处理，也小小的重构了以前的页面（感觉就是把以前人写的页面重写，然后接口粘过来~把多余的插件都删掉了，只留下了一个jQuery），也认识了一个感觉技术挺踏实的一个前端，名：成功。虽然他起点不高，但是很努力，在公司也很少看他讲话，几乎都在埋头做项目，我就给他取名em吧，因为他切页面真的很喜欢用em标签，经常把em当作块或者盒子来用。另一个西南交大的”松松“，我眼中的学霸，学习能力很强，以后也能独挡一面。-----------------哎哟我草，完全脱离主题了。。。。

进入正题了----

用了3周写一个boss管理系统，开始没想到这么复杂，我把他写成了单页应用了，控制页面所有的点击事件或者方法在一个js里面，差不多有1300行js。整个页面都是js生成的，想起了react，如果公司一股脑说一定要用react或许会是另一个天地。因为有一个侧边栏点击然后页面中间content这块显示相应内容，但是呢，中间生成的内容也有两个点击控制区域，content分content-header和content-content，content-header有天，周，月可点，点击content显示相应的内容；content-conten也有查看详情按钮，点击次查看详情按钮和点击侧边栏效果差不多，存在很强的耦合性。content-conten除了一个和点击侧边栏效果几乎一样的clickbutton，还有一个内容查看显示状态不一样的clickbutton，分别是分表格显示信息和图标显示信息。可以相互切换。大爷听到这里可能晕了，你特么到是贴张图出来啊。哦，我不贴。

根据我多年逛各种草根（liu）社区的经验，每个客官的口味是不一样的，如果把所有的客官部分老弱病残都来看狂野欧美风格，那可能80岁的老头要看吐血了。所以，我把想到了我远房亲戚webpack，es2015的export，之所以叫远房亲戚，是因为我只听说过它们的大名和偶尔打打电话，从来没用过实际项目。

所以朕的洪荒之力从凳子上的两个球一直到大脑皮层，称新版本刚上线，时间也不紧，那我就来用webpack+es6+bable来改良这个单页应用吧。

具体思路是把侧边栏点击中间显示内容和content-header和content-content里面的clickbutton分离出来，写成一个个组件。webpack来打包，es6的模块管理工具开控制组件，bable来转6转5

 

等适当实际我把这个系统的网址贴不来吧