工做室门户网站项目总结

时间 2019-11-18

标签门户网站项目总结繁體版

原文原文链接

第一次作了一个完整的项目，历时一个月，终于告一段落。下面就分三个方面总结一下这个项目：编程

第1、知道的越多，不知道的才越多。bootstrap

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

第2、代码书写规范很是重要框架

之前在学习过程当中敲代码也会注意到一些代码规范问题，可是没有很在乎这个问题。此次项目中，就是由于代码不够规范给后台编程带来了不少麻烦。这里总结几点咱们讨论的代码规范问题。学习

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

二、从外部引入CSS和js。页面中写入CSS样式有不少种方法，有些直接将样式放入页面的“<head>”或者直接用内联样式，这将是一个很很差的习惯，由于这样不只会搞乱咱们的标记，并且使页面看起来很杂乱，这些样式只适合这一个HTML页面。因此咱们须要将CSS单独提出，保存在外部，这样后面的页面也能够连接到这些样式，若是你页面须要修改，咱们也只须要修改样式文件就能够。网站

三、每一个页面的CSS样式和JavaScript放在一个文件夹里。方便对页面样式的修改。并且可以避免后期修改时致使的牵一发而动全身。插件

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

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

六、写注释很重要！注释是你本身与你的小伙伴们了解代码写法和目的的惟一途径。特别是在写一些看似琐碎的可有可无的代码时，因为记忆点不深入，注释就变得尤其重要了。

没有任何代码是能够彻底自解释的。而代码注释，则是永远也不嫌多。当你写注释时必定要注意：不要写你的代码都干了些什么，而要写你的代码为何要这么写，背后的考量是什么。固然也能够加入所思考问题或是解决方案的连接地址。

七、其余注意事项：

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

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

好吧，说好的三点只想了两点。此次项目让我收获挺多的，也让我认识到本身学习上欠缺了不少，还要更加努力！

2016.4.26 15:24