咨询电话:023-88959644    24小时服务热线:400-023-8809
NEWS CENTER ·
新闻动态
关注中技互联 关注前沿

中技教你压缩你的网页开发时间

发表日期:2013-05-24    文章编辑:林凛    浏览次数:32    标签:

www.zjcoo.com

   一、适当的模块化

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

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

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

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

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

  二、使用集成开发环境

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

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

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

  调试以及诊断功能。

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

  语法高亮

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

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

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

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

  三、使用框架

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

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

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

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

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

  四、

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

  没有处理比跨浏览器的兼容和解析问题更糟糕的事情了。这杆子事会使你疯掉,它给你带来的挫败感差不多让你觉得不砸掉点东西难解心头之恨。但是集成进浏览器的调试工具会使得寻找和诊断前端问题变得分为迅速和高效,是绝对必要的省时利器,它们已经成了前端网页开发者的必备工具。可以轻松的查看,以了解其原理,以及可以在运行中调整, 除此之外,也可以帮你调试和注释()你的代码,帮你弄起初究竟是什么状况导致了你的脚本运行中断。 给你提供了一系列有用的工具,像有的工具可以让你点击一个页面元素就可以看到有哪些样式声明影响了该元素,也可以使你很方便的禁用 和,让你了解在没有或者的情况下, 你的页面是如何工作的。

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

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

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

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

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

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

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

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

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

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

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

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

  对于脚本,我们有 , , 和 (这个工具是用来格式化 #, , )

  八、代码重用

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

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

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

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

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

  十、精简功能

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

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

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

  十种方法可以不全用,但是尽量把每一个方法的原理都搞清楚,这样才能有效的缩短开发我们网站的时间,节约时间去做更多有益于网站的事。

重庆中技互联网信息咨询有限公司 www.zjcoo.com

如没特殊注明,文章均为中技互联原创,转载请注明来自www.zjcoo.com
上一篇:网站优化这些误区一定要避免 百害而无一利 下一篇:已经是最后一篇了
相关新闻

CopyrightZJCOO technology Co., LTD. All Rights Reserved.    

渝ICP 备11003429号

  • qq客服
  • 公众号
  • 手机版
  • 新浪微博