DYZ.Life

【体会】写前端的一些体会

过去两周team基本进入了前后端共同推进阶段,而我作为组内设计元素的主要贡献者,不可避免的花了大量时间写前端。这不是我想做的,因为学技术的目的是希望能够自主开发更多功能,但为了项目推进,必须要实现最大化每个人的产值,同时也是对自己前端HTML、CSS很好的练习。

两周前端写下来,分享一下自己的体会:

##前端和后端一样需要提前规划

我在之前的一篇日记中提到过,在项目进行到一定程度,MVC需要提前规划再写入。前端开发其实在荧幕适配这个问题上是类似的。由于我们项目从一开始只想到了电脑荧幕适配,所以没有写入任何的小荧幕适配CSS。这就导致在之后写入这代码的时候需要修改大量以前的代码,排版和CSS定义越多的地方修改越大。

由于Bootstrap提供了非常便利的responsive grid system,所以其实在一开始写的时候就应该想好两套适配模式:电脑和移动端,基本可以用Bootstrap上的col-md-XXcol-xs-XX覆盖。而只有需要罗列大量物件的地方才需要考虑使用col-lg-XX和其他大小的适配。

另外,如果所有页面都通过Bootstrap nav tab以及render partial的方式呈现,可以让使用的时候几乎没有任何跳转(“设计师”项目应该就是这样设计的,所有页面都是partial的形态存在views/common下面)。但同样,这种写法需要一开始就定好,因为之后修改的时候营业面需要将view里面的定义通过controller重新确定,越往后越麻烦。

##前端的核心不是技术,是审美和时间

之前以为技术大牛朋友跟我说过,后端决定了项目的底线,前端决定了项目的上线。虽然不是100%完全认同,但基本上表达了项目前后端的角色。前端不需要对编程有深刻的理解,不需要对项目管理有详细的规划,只需要懂得如何通过HTML/CSS/jQuery来实现视觉上的效果。而且有了Bootstrap、jQuery、HTML5、CSS3等便捷语言的出现,在开发模式下其实想要调整前端也非常容易。

但前端却是可以非常耗时间的意向工作。每实现一个新的视觉效果、生成一个新的页面,都需要花大量的时间去编排。甚至套模板也不是很便捷,因为大部分模板都是为基本的HTML、CSS而写,都不那么智能,在根据自己网站需求套上之后如果要加效果还得另行写入。

所以如Xdite所做的,前端完全可以外包给一个专业点的设计师,同时有一个in-house胜任者就可以完成。

##珍惜时间,远离APP

下周希望学习高瑞是如何用15秒生成“法律在线”项目App的,然后如果整个产品都是JS + Partial的形式,基本上不会有太多页面跳转,使用起来跟App的体验是差不多的。App开发时,手机荧幕大小的适配、App Store的认证、审核,都会耗费大量的时间和精力,在创业早期,能不碰就千万别碰。

热评文章