我以为网站的通用部分

这个图片是我用xmind编辑的。欢迎你们来纠正或添加！

再来讲说我对网站开发的理解与碰到的问题。

网站的前端有几个部分我以为很重要：

1.优雅的文字提示

2.合理的页面设计

3.适当的脚本特效

一进入这个网站，就让人有一种很是温馨的感受。而且在温馨的基础上有夺人眼球的特效，再有贴心的提示，我相信确定能给浏览者一种独特的印象，让他们记住这个网站。，即便他们没有获取到他们想要的信息。

CSS方面

随着CSS3的强势出击，接下来的页面特效将会往CSS3这边靠，虽然那些不支持CSS3的浏览器还会存留一段时间，可是支持CSS3将是接下来的趋势。因此如今作网站就得作渐进加强的效果，给本身的网站加上CSS3，让浏览者们眼前一亮，给他们一种高大上的感受。如今还很时髦的一种技术叫响应式网站，根据不一样宽度展示不一样的样式，增长体验度，是个好方法，但我我的感受就是根据媒体查询在作多套的CSS，实现成本挺大的。OOCSS是我前些日子听到的一个名词，如今开发我都是在用这个方式，抽取出通用部分，可是用了这种方式，我以为就很难实现响应式的网站了。学好CSS3对将来B/S架构的开发将会颇有帮助。下图是从StatCounter Global Stats网站上面统计到的，第一张是2013年的统计结果，第二张的统计时间是2014年1月到7月的结果，能够看到那些不支持CSS3的浏览器的市场正在被支持CSS3的浏览器给蚕食掉。

 

Javascript方面

如今网站不是随随便便几个脚本就能打发掉了，脚本的责任愈来愈大。MVC、MVVM，这些时髦的模式，如今也出如今了脚本开发中。采用AMD规范RequireJs的出现，就是来帮助咱们模块化开发。网站对脚本的需求会愈来愈大，虽然CSS3会取代掉脚本的一些功能。

单元测试方面

单元测试是个好东西，PHP中有PHPUnit，Javascript中有Jasmine。软件的质量是须要这些测试点作保障的。我如今在开发PHP时，能够用单元测试的地方，确定要写一个。在PHP中写单元测试的好处是提早肯定这个函数是否正确，验证各个未知的地方，大量的单元测试能够保障软件质量，方便测试人员也就是在方便本身。开发脚本的时候我也会写单元测试，Jasmine是个好东西，能够帮助我测试一些小功能点，保证JS能准确经过。单元测试还有一种功能是能够布置场景来测试，可是这个工做量太大，我基本没时间作这个，不少时候都得手工作，这样的话每次改一个函数，就会心中没底，不少时候都会把好的给改错掉。悲哀呀......

下图为PHPUnit测试画面：

下图为Jasmine测试画面：

流程图方面

我如今开发发现本身画流程图，而后给测试人员看这个来测试，会加大测试的效率。不少时候需求在不断的变化，原型来不及更新，需求也只能口头上面说，口头上面说的话会忘记，也会想不到某个测试点。可是若是有了流程图，上面的分支写的清清楚楚，很方便的给了他们测试的方面。这个流程图也能给你的团队成员看，了解你的代码组成，未来给别人维护能少走不少弯路。

服务器开发方面

我如今开发服务器代码用到的语言有两种，PHP和C#，我对这些语言的理解还不是很深刻，如今也是仅仅用到了其中的一小部分。第一次用PHP的时候，他的易用震撼到了我，发现用PHP来作脚本的交互特别方便，解释性语言，改起来就是方便，编辑器也没VS2008那么耗资源。我之前的一个同事开发PHP甚至直接用Notepad++在作。

浏览器方面

我习惯使用firefox做为本身的默认浏览器，firebug等插件让我很方便的调试网站，还有那个印象笔记的插件，让我很方便的截取网页的内容到个人笔记中。

点击网络那块可以查看当前加载状况：

点击控制台我常常用console.log()来作打印处理，还能查看ajax查看请求：

 

开发习惯方面

天天开发都会记录什么时间段在作什么。培养本身之后的预估能力。平时碰到的一些问题我都会存到印象笔记中，方便我到任何一台电脑上随时查阅。

开发遇到的问题

1.需求不明确

不少时候都是这样，致使常常返工，因为不明确，因此本身常常会考虑这个逻辑该怎么走，减缓了开发速度，一些页面上面这个位置该放什么内容只能本身定

2.设计师与工程师之间对页面会出现理解上的不一样

页面设计师设计出了漂亮的页面，可是工程师却说这个模块如今没有，那该用什么东西来填这个位置呢？不少时候都得考虑这个问题。还有就是漂亮页面有不少细节，工程师在作页面CSS的时候没有体现出来。有时候，设计师只考虑了页面效果，忽略了页面之间的关联，这让工程师在布局的时候，会很纠结跳转是_blank仍是当前页。

3.测试人员测出的问题不算是错误

测试人员的理解与工程师的理解是不同的，看问题的角度也不同，他们会根据需求和他们的理解提出一大堆BUG，这些多是改进，多是需求还没定，多是需求的逻辑自己就先后矛盾有问题......这些改进却是能够整理起来，给未来的网站功能完善作个备忘录。

4.与团队成员的沟通出现偏差

沟通是门学问，成员之间在交换信息的时候，出现理解偏差会致使各类问题，严重点的会影响到开发的目标。在开发中保持信息畅通很重要。

5.浏览器兼容调试

　　各个浏览器间的差异很大，想要作到如出一辙是不可能的，我只能作到大体的同样，效果渐进加强。最让人讨厌的就是IE6的兼容问题，各类意想不到。　

6.本身有时候会太想固然

在网上看到个特效，自觉得很给力，而后就想固然的添加到一个项目的某个部分中，花了时间与精力，但获得的反馈与效果却不理想，有时候甚至还要被去除。写了一段代码逻辑，自觉得很高明，可是真到用的时候，出现这个那个问题，有的代码直接废除。作东西有时候仍是不能偏执于本身的理解，要更理性点，符合大众的才是好东西。

7.因为缺乏相关文案，致使推动缓慢

为了开发进度，常常会缺乏一些配套资料，好比简单的数据库关系表，简单的业务流程等。

 

网站思惟导图下载：

网站功能.rar