网站分析:缩短网页开发时间的十大方法

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 07:54 点击:

  在当今的开发环境之下,快即是好。

  原文:http://sixrevisions.com/web-development/10-ways-to-cut-down-web-development-time/

  在当今的开发环境之下,快即是好。

  当今诸如“快速应用开发 ”,“敏捷软件开发 ”以及“异步JavaScript和XML “(如今我们甚至无法耐心地等待网页的重新载入)等流行词汇和术语让你见识到究竟身处于怎样一个快节奏的世界当中。

  但是做事赶时间并不意味着你工作要加班加点——你工作时需要动些脑筋。此文,将为你提供缩短网页应用开发的十大省时技巧。

  一、使用框架

  

logo of frameworks.

 

  框架提取出了常规代码,给你编写网页应用提供了一个基本的构造和基础。

  框架中一个非常典型的例子就是Rails,Rails就是Ruby编程语言的一个网页应用开发框架。通过为你提供预先编写好的代码程序包(举个例子,像用户输入验证方式)——你不仅仅节省了用Ruby编写你自己代码的时间——你也很清楚这些程序包已经受住了其他开发人员的测试以及检验,这可以在广度测试时为你减少不少麻烦,另外还可以避免一些因缺少测试而导致潜在的漏洞。

  同样的好处对于使用诸如MooTools的JavaScript框架也是适用的。这些框架提供给你的一些类方法都是由核心开发者和社区提供,并在诸多浏览器下经受广泛测试的考验。客户端脚本语言框架还有jQuery,Prototype JS,以及YUI。如果你想用一些非主流的JS框架,你可以看看这个极具潜力的JavaScript框架 清单。

  对于服务器端的框架,你可以考虑CakePHP ,CodeIgniter ,Zend ,或者symphony。如果你喜欢VB以及C#之类微软支持的语言,你可以考虑.Net框架 。

  你甚至是可以使用像960Grid 或者BluePrint这样的CSS框架来快速编写和规范你自己风格的页面结构。

  二、使用集成开发环境

  

IDE logos.

 

  当然,你可以只用一个Notepad这样的文本编辑器和FTP就可创建网页应用及其页面。但是我想大多数人都认为,这并不是一个可用在开发复杂和健壮网站项目之上的明智方法。

  集成开发环境 (IDE),为你准备了创建和管理大型网站项目所需要的工具集合。集成开发环境的功能一直在变,但它们都有如下一些常见的功能

  项目管理以及团队协作功能。

  调试以及诊断功能。

  语法提示以及自动完成功能(IDE会猜测你想写的语法)

  语法高亮

  内置FTP,能同步本地和远程主机上的文件

  “IDE”这个词可能有些花哨,有些人还对此不太熟悉,但是大数据人应该听说过Adobe的Dreamweaver。Dreameweaver就可以看成是一个集成开发环境。因为它含有上面提到的一些功能,帮你更快的编写代码。(他通常适用于前端的制作。但是它也支持服务器端的语言,像PHP和ASP.NET)

  如今网上有大量的IDE,你所要做的就是为你自己(或者你的团队)挑选一个。像一些流行的,功能齐全的IDE,如Eclipse, Komodo IDE, NetBeans, Visual Studio, 以及Aptana Studio.

  如果,你看到这里后,依然决心要使用一个文本编辑器,你至少应该看看为代码工作者准备的文本编辑器集锦 这篇文章。

  三、适当的模块化

  模块化是创建易于维护和扩展复杂应用的关键之所在。本质上这意味着代码要以小的部件来编写,而不是将所有代码写成一个大文件。

  模块化开头有其自身的时间成本(因为你必须在设计文件结构方面花费不少心思。)但是,当你需要变更某一部件或者想要扩展你的应用时,这会为你节省掉不少时间。

  模块化也使得bug限制在模块之内,如果有地方发生问题,你会很快的找到问题所在。

  但是模块化的滥用会导致代码的臃肿和太多不必要的include语句,这会极大的拖慢整个应用的运行速度。因此在模块化程度过高和过低之间,我们需要到一个好的平衡点。

  一些模块化设计模式就包含MVC 和PAC模式。

  四、使用浏览器工具高效排除前端疑难问题

  

Firebug screen shot.

 

  没有处理比跨浏览器的兼容和解析问题更糟糕的事情了。这杆子事会使你疯掉,它给你带来的挫败感差不多让你觉得不砸掉点东西难解心头之恨。但是集成进浏览器的调试工具会使得寻找和诊断前端问题变得

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1