文档章节

缩短网页应用开发的十大省时技巧

李朝强
 李朝强
发布于 2013/02/27 18:12
字数 2707
阅读 40
收藏 0

缩短网页应用开发的十大省时技巧

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

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

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

一、使用框架



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

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

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

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

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

二、使用集成开发环境



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

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

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

2
、调试以及诊断功能。

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

4
、语法高亮

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

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

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

三、适当的模块化

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

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

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

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

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

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



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

Firebug
Web Developer 是绝对必要的省时利器,它们已经成了前端网页开发者的必备工具。Firbug可以轻松的查看DOM,以了解其原理,以及可以在运行中调整CSS/HTML/JS, 除此之外,也可以帮你调试和注释(profile)你的JavaScrpt代码,帮你弄起初究竟是什么状况导致了你的脚本运行中断。Web Developer给你提供了一系列有用的工具,像有的工具可以让你点击一个页面元素就可以看到有哪些样式声明影响了该元素,也可以使你很方便的禁用 JavaScriptCSS,让你了解在没有JavaScript或者CSS的情况下, 你的页面是如何工作的。

如果你需要在IE浏览器下调试,你可以尝试尝试IE开发者工具条 。它在功能上跟FirebugWeb Developer很相似。如果你想找更多的集成在浏览器内的IE调试工具来帮你i节省调试时间,你可以点击这个链接。

五、代码重用

如果你发现你自己老是在做重复的事情,这时候你应该反思反思你的代码结构了。考虑学习一下常见的设计模式它会帮助你创建可重用的灵活的方法,函数,以及对象。

打个比方,如果,你需要频繁的链接到数据库,你可能需要创建一个数据库的访问类,来处理数据库的链接,查询以及数据的提交。

六、 在线协作以及追踪项目状态



实际上——你工作并不孤单。无论你是为一个开发团队工作或是为某人工作(这个人可能是你上司或者你的客户),你都应该充分享受在线协作和追踪项目状态说给你带来的好处。

你在行政性任务上花费的时间越少,或者在在无穷无尽的会议上花费的时间越少(或者,更糟的,是那种需要出差的面对面会议)——你在代码上花费的时间就越多。

BasecampLighthouse, activeCollab 这类工具就给你提供了一站式团队协作服务,让你随时追踪项目的状态,你也可以设置项目的目标和里程碑(milestones——这样所有人就可以自动同步,为你省下频繁回复电子邮件的时间,你也无需在进度确认会议上花费大量无用时间。

这些工具l另外会帮助你区分事情轻重,确保了所有的事情都在一个集中的地方组织和记录下来。

七、代码的自动格式化和标准化

你需要将你的所有代码格式标准化,这样做不仅仅这是一个很好的习惯,而且日后你一旦需要回来看这些代码,这会帮你很快的理解这些代码。

代码的自动格式化可以让你一键格式化你所有的代码,而不是一行一行来做这事,这也确保了代码编写的一致性。自动的格式化也减少了手动修改产生错误的风险、

我们有许多工具来帮助我们做这事,很多是网络版的工具 。对于CSS而言,一个流行的开源解决方案就是CSSTidy Clean CSS is an CSSTidy的在线版本)。对于HTML我们有HTML Tidy

对于脚本,我们有PHP Source Code FormatterRuby Script Beautifier, Code Beautifier Plus (这个工具是用来格式化 C#, ActionScript, and Java).

八、在需求收集和规划阶段多花时间

预防远胜过补救。或许某些思想学派的人物强调不要在计划上浪费时间——确保你已经收集到了你需要知道的所有信息,在做功课方面花费必要时间依然是必要的。如果在需求收集方面没做足功课会导致功能泛滥(feature Creep ,原因就是各种未曾预料到的功能需求

九、使用已经编写好的代码



古人以及帮我们发明了车轱辘,所以我们也没必要亲自再捣鼓出车轱辘来。如果在某个地方看到某个感兴趣的功能,其他人极有可能已经为你写好了代码(嗯,不仅仅是为你,而是为我们大家。)对于PHP而言, PHP Classes Repository为你提供了大批的类和脚本供你下载和使用。Hot Scripts则提供了其他语言的各种脚本。如果你只是想要一些小的代码段,你可以去devSnippets 上面淘淘宝。

注意:只有当你具备充足的经验,能分辨出好代码和差代码,上面的这个办法才会真正帮你大忙。否则你会发现你最终成品中代码bug丛生,书写混乱。

十、精简功能

你必须对网页应用的某些功能做一个评估,以判断在这个功能上面的时间投入是否值得。

你的用户真的需要一个并不经常更新的内容管理系统为每一个类别的文章提供一个自定义的RSS输出吗?你真的需要一个网站样式转换器来帮你检测到用户地理位置哪里,然后将网站呈现不同的风格。

编写网站功能就是一场艰苦的战斗 ,不要在对终端用户无用的功能上耗费开发时间,况且这些功能而且会使用户界面复杂化。

 


© 著作权归作者所有

李朝强
粉丝 91
博文 297
码字总数 149962
作品 0
郑州
产品经理
私信 提问
ASP.NET编程中的十大技巧

作者:未知 请作者速与本人联系 在本篇文件中,我们将讨论编程人员在使用ASP.NET开发应用程序时需要注意的10个技巧,这些技巧涉及从缺省的控件、表单名的改变到StringBuilder类的使用,有助于...

晨曦之光
2012/03/09
78
0
开放Web软体安全计划--OWASP

OWASP(开放Web软体安全项目- Open Web Application Security Project)是一个开放社群、非营利性组织,目前全球有82个分会近万名会员,其主要目标是研议协助解决Web软体安全之标准、工具与技术...

匿名
2009/03/25
5.5K
1
【前端开发】25种提高网页载入速度的方法和技巧

尊重原创:http://blog.csdn.net/wxzking/article/details/4089384 您希望加快网页的载入速度吗?了解怎样通过缩短载入时间来改善拨号上网用户的浏览体验,在某些情形下。载入时间最多可缩短...

技术mix呢
2017/10/13
0
0
20 种提升网页速度的技巧

您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在某些情形下,加载时间最多可缩短 80%。 < include java script once we verify teams wants to use ...

红薯
2009/04/12
2.2K
2
2007年的50张"十大"名单

12月24日出版的美国《时代》杂志,是2007年的回顾号,一口气列出了50张清单。 其中,有常规的"十大新闻"、"十大照片"、"十大电影"、"十大小说"、"十大网站"等等,也有不那么常规的"十大动物明......

阮一峰
2007/12/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

全球第一时间响应:Rancher发布2.3.1,支持K8S CVE修复版本

北京时间2019年10月17日,Kubernetes发布了新的补丁版本,修复了新近发现的两个安全漏洞:CVE-2019-11253和CVE-2019-16276。Rancher第一时间响应,就在当天紧随其后发布了Rancher v2.3.1和R...

RancherLabs
5分钟前
1
0
EMQ X 规则引擎系列 (八)桥接消息到 MQTT Broker

桥接概念 桥接是一种连接多个 EMQ X 或者其他 MQTT 消息中间件的方式。不同于集群,工作在桥接模式下的节点之间不会复制主题树和路由表。桥接模式所做的是: 按照规则把消息转发至桥接节点;...

EMQX
9分钟前
3
0
《2019年上半年云上企业安全指南》详解安全建设最易忽视的问题!

《2019年上半年云上企业安全指南》是阿里云基于对云安全中心监测到的威胁情报进行分析,形成的一份云上企业安全建设指南。通过对云上企业安全建设现状及多维度威胁情报的分析,得出企业安全建...

开源中国小二
9分钟前
1
0
一天之际在于晨之KMP算法

(我觉得不需要明白原理,应该是在面试或者工作的时候,该想到用什么算法以及之后直接赋值我这里的代码就好了) 下面的情况我们第一时间考虑想到的是用KMP算法。 情况一:// ts字符串是否包...

木九天
12分钟前
1
0
如何通过反射机制创建对象?

// 获取类路径的完全限定名 String classname = "test.Interval"; // 通过类的完全限定名获取类对象 Class pClass = Class.forName(classname); // 通过类对象获取类的构造器对象 Constructo......

happywe
12分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部