关于前端开发的一些心得

最近在做一些前端的工作，有一些小小的心得，在此和大家分享一下。

之前一直在做服务端的开发，对前段的开发只是停留在js操作dom节点，提交ajax请求等一些初级的操作，并没有对整个js前段开发做系统的理解，开发的思路也晚上是后端的思路，所以这次吃亏也就是在这个方面了。

这次做的工作是，后端服务通过mr对日志做处理，通过前段展现，包括表格展现和图形展现。 我对表格和图形做了一些封装，通过amd做成了插件(之前是做成jquery插件了，由于js太多，为了能够很好的管理和做异步加载，所以改为amd模块结构了)。插件的实现基本上都是传入后端的rest服务，通过ajax请求到数据后进行组装。问题来了，由于我的思路一直停留在后端服务的思路上，表格和图形的组装，都是和数据相关的，所以必须等待service返回数据后才能做表格和图形数据的组装。所以所有插件的ajax请求都必须同步请求，等待数据返回之后，再做组装。这样，整个js就变成同步了。这个在后端service请求快的情况下，其实也没有什么太大的问题，但是因为后端请求的一些数据，是从hdfs经过mr处理之后，生成一些基本的mongo数据表，然后通过mongo的mr生成目标缓存表来实现了。所以，如果请求发现自己访问的缓存表不存在，就会去执行mongo的mr去临时生成目标缓存表，这个过程是比较漫长的。这样就造成了，整个前段卡死在那里，整个浏览器都没有办法操作了。

要是不改变思路，这个问题是没有办法解决的。所以只能抛弃之前服务端开发的思路。比如在生成表格的时候，之前是需要将所有的数据返回后再做组装。现在就需要改变想法，整个表格在ajax请求钱就将除tbody

部分生成好，ajax做请求的时候，返回一部分数据，就组装一部分。这样，就可以将ajax请求改为异步，前段也不会处于卡死的状态了。想法其实很简单，但是在原有的基础上做修改就不是那么容易了。因为之前ajax请求后success返回的是整个数据集，然后我对整个数据集做操作，组装table。现在我们必须让他一列一列的返回数据集（因为目前表格中每列的数据来自于不同的数据源），然后返回一列，就组装一列的数据。

整个修改过程很沉重，如果我之前能有前段开发的一点经验或者思路，也就不会造成这样的重复劳动了。才疏学浅啊。