经过几个月的升级,nbcoders2.0终于上线了啦!!欢迎大家吐槽!
这次升级主要进行了以下几点改动:
1.界面风格完全重新设计
之前1.0使用的是炫酷的黑色为主调,而这次2.0改用更加成熟的绿色和淡黄色为主调再配以微灰色为点缀,相比较上次而言,就让人浏览起来不那么累,也更加现代化。体现出咱们团队设计师在设计上的一大转变,也再次将我们博客定位为最贴近程序员生活的博客。

nbcoders1.0 PC端界面

nbcoders2.0 PC端界面

nbcoders1.0 mobile端界面

nbcoders2.0 mobile端界面
2.Url路由采用前端路由机制
例如:1.0的url是这样http://www.nbcoders.com/detail.html?id=66
而2.0的url是这样http://nbcoders.com/detail/121
从视觉上面也可以看出2.0的url比1.0的更加美观了。另外1.0的路由虽然也是在前端处理的,但是当时由于没有修改服务器配置,所以之前为了保证前端实现url路由,几乎每一个操作,页面都刷新了的,而2.0对服务器端nginx配置了url重写,基本上除了资源文件以外所有的请求都会转发到一个指定的服务器脚本处理。这样就可以使得把路由的定制完全交给了前端开发人员去处理,后端只需要做数据的处理。详细的技术介绍请参考:angularjs实现前端路由初探
3.数据绑定采用双向数据绑定的angularjs
1.0的时候由于也不想使用传统的服务器端绑定数据生成html的方式(因为nbcoders的理念是打造成一个spa--Single Page App,而不是做传统的新闻发布系统,详情参考:单页面应用与传统网站导航之间的关系),所以采用的依然是前端绑定数据,后端只写接口,所有数据通过前端ajax和服务器端交互取得,然后前端通过拼接html标记的方式绑定数据(当然这里面也用过一些小小的前端模版)。
而2.0颠覆式的使用了angularjs绑定数据,并且是双向数据绑定的,这样不但使绑定数据更加容易,而且程序也更容易维护了。
最后衷心感谢小蜜蜂团队(NorthBee)各位成员(他们分别是:傅羊羊,Obj3ct,ixshells,ueverything,skeu,jimila,红太狼)的默默支持!!!没有他们的督促,nbcoders2.0也不可能那么快上线。
浙公网安备 33010602011771号