码迷,mamicode.com
首页 > Web开发 > 详细

工作室门户网站项目总结

时间:2016-04-26 15:42:54      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

第一次做了一个完整的项目,历时一个月,终于告一段落。下面就分三个方面总结一下这个项目:

第一、知道的越多,不知道的才越多。

  师兄在群里说起这个项目的时候,我想着这是个提升自己的能力的好机会,便积极接下来了。在讨论时,我们一个基本要求就是界面必须高大上,其实我并不善于设计。在偶然间发现了一幅山水画,就想着用水墨风格作为用户界面的主题。但是两天敲下来,界面与想象中差得太远,而且以前对响应式不熟悉,自己敲的页面响应式存在很多问题后来不得不放弃自己的页面,于是我们决定用框架。但是我并没有接触过框架,一时间感觉到项目无法继续下去。消沉了一下我便去慕课网上学习bootstrap框架,边学边练,用了两天时间学完bootatrap的基础知识。然后在网上下载了一个bootstrap框架,在根据后台的要求设计修改界面。这次项目不仅接触了框架,还了解了一些插件,学习了解了一些js。深刻的认识到自己学的东西太少了,项目完成后,必须得认真规划以后的学习路线。真的是学习的越多才明白自己不知道的越多。

第二、代码书写规范非常重要

以前在学习过程中敲代码也会注意到一些代码规范问题,但是没有很在意这个问题。这次项目中,就是因为代码不够规范给后台编程带来了很多麻烦。这里总结几点我们讨论的代码规范问题。

1、注意代码格式,增加可读性。在页面编辑中,代码的缩进有没有正确,他不会影响你网站的任何功能,但要是你没有一个规范的缩进原则,让读你代码的人是非常的生气,所以说正确的代码缩进可以增强你的代码可读性。标准程序的缩进应该是一个制表符(或几个空格)。还有符号两侧敲一个空格让代码看起来更整洁,增加可读性

2、从外部引入CSS和js。页面中写入CSS样式有很多种方法,有些直接将样式放入页面的“<head>”或者直接用内联样式,这将是一个很不好的习惯,因为这样不仅会搞乱我们的标记,而且使页面看起来很杂乱,这些样式只适合这一个HTML页面。所以我们需要将CSS单独提出,保存在外部,这样后面的页面也可以链接到这些样式,如果你页面需要修改,我们也只需要修改样式文件就可以。

3、每个页面的CSS样式和JavaScript放在一个文件夹里。方便对页面样式的修改。而且能够避免后期修改时导致的牵一发而动全身。

4、CSS样式用继承的方式写类或者id。这样能避免CSS样式被意外覆盖。

5、命名规范。命名规范能使我们的代码具有更高的可读性。尽量使用英文命名,组合单词后面的单词首字母大写。遇到不会的单词可以网上搜索,不要因为懒惰而用拼音代替,那样显得很low。

6、写注释很重要!注释是你自己与你的小伙伴们了解代码写法和目的的唯一途径。特别是在写一些看似琐碎的无关紧要的代码时,由于记忆点不深刻,注释就变得尤为重要了。

没有任何代码是可以完全自解释的。而代码注释,则是永远也不嫌多。当你写注释时一定要注意:不要写你的代码都干了些什么,而要写你的代码为什么要这么写,背后的考量是什么。当然也可以加入所思考问题或是解决方案的链接地址。

7、其他注意事项:

多媒体回溯:对页面上的媒体而言,像图片、视频、canvas 动画等,要确保其有可替代的接入接口。图片文件我们可采用有意义的备选文本(alt),视频和音频文件我们可以为其加上说明文字或字幕。提供可替代内容对可用性来说十分重要。试想,一位盲人用户如何能知晓一张图片是什么,要是没有 @alt 的话。(图片的 alt 属性是可不填写内容的,纯装饰性的图片就可用这么做:)。尽量用 alt 标签去描述图片,设想你需要对于那些只能通过语音或者看不见图片的用户表达图片到底是什么。

总之,前期敲代码不注意规范,那么后期修改维护就会付出很大代价去整改,所以必须注意代码规范的问题。

好吧,说好的三点只想了两点。这次项目让我收获挺多的,也让我认识到自己学习上欠缺了很多,还要更加努力!

2016.4.26 15:24

工作室门户网站项目总结

标签:

原文地址:http://www.cnblogs.com/danr/p/5435266.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!