模仿天猫商城项目总结(1)
HTML部分
- 1多写注释
代码不同于文字,时间一长你就会遗忘,为了便于以后的查找和修改,一定要多写注释。
- 2规范,美观
为了将代码变得有条理性及观赏性,要注意代码的缩进。
- 3用户
最后,这部分代码是要在页面上展现出效果给用户看的,但是有的效果并不能让人满意,所以必须另辟蹊径(如图所示)
图一
图二
图一的效果比图二的效果好很多,图一是插入了一张图片,加上单击事件(点击后出现打勾的图)。图二是一个CheckBox展现处的效果,两者的效果对比,差距显而易见。一个页面让用户看着舒适才算一个好的页面。
css部分
我印象中有这么一句话 “内容行为样式相分离” (如果没有,请跳过),样式最好另起一个文件,需要的时候用link连接,样式部分最好写注释,它不同于标签部分,标签部分的代码你不写注释,过一段时间结合页面图至少知道哪到哪是什么部分,但样式就不一样了,写过的童鞋(同学)过一段时间在看自己的代码是不是一脸懵逼…
JS部分
- 1.代码的一些规范,注释就不再讲了(上面提到过)。
- 2.JS可以实现单击,双击,滚动,按键等一些可以呈现在页面的效果,具体例子就不讲了(想让我举例子,哈哈!!作者也表示很无奈)。
基于用户体验
我所知道的购物网就4~5个,不查不知道,一查吓一跳(如下图)
这是部分购物网的截图,是不是很多?以前购物时买的又不是重要的,所以基本上都在淘宝上买,这是纯粹的赖,还有的是操作上的赖,总是希望手能够少点几次屏幕。
所以让用户养成懒惰的习惯,产品能够尽量减少操作的次数,让他们对使用的产品产生惰性,这样同类操作复杂的产品就会让他们失去耐心和兴趣。(个人的一些感受)
后续计划
总之先完善手上的项目,具体的计划还有待小组讨论。。。。。。(未完待续)