×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

网站建设前端设计之JavaScript语言框架的好与坏

文章编辑:网站建设 文章来源:网站设计 浏览量:

    网站建设前端设计之JavaScript语言框架的好与坏。网站建设设计公司提醒虽然很多人认为不应该把 JavaScript 纳入 Web 开发必备技能里,但它却是目前很多网站不可或缺的一部分。不论你创建的是小型作品集站点、企业门户网站还是电商网站,你难免会遇到只用 HTML 和 CSS 无法解决的问题,可能是幻灯片和图片灯箱,也可能是完整的客户端应用。
    
    深圳网站建设公司本文主要关注如何创建可扩展且可持续的设计系统,所以我会重点帮助你建立项目计划和辨别高质量代码。至于“如何创建基于 JavaScript 的 Web 应用”,就留给其他相关的频道去讨论了。实际上,谈到 Web 应用,让我们先来讨论一个重要的话题:如何选择完美的框架。
网站建设前端设计之怎样选择框架
    深圳网站建设公司资深框架工程师首先需要指出的是,没有哪个 JavaScript 框架是完美的。本章也不会告诉你应该选择 AngularJS 还是 ReactJS,更不会尝试列举出所有的可选框架,因为当这本书出版时,这些框架很多都会变得过时,而且这种列表必定会遗漏那些最新的、最流行的框架。我要告诉你的是:你很可能完全不需要用任何框架。首先需要决定的是选择哪些工具来实现目标,而不是选择哪些框架和插件。这一点不仅适用于 JavaScript 框架,也适用于 CMS、MVC 和 CSS 框架。有很多成功的网站也只不过是静态网站生成器,加上少量手动创建的 Sass 文件和几十个 JavaScript 函数。
    首先假设我们没有使用 Drupal 或 WordPress,也不需要 AngularJS 或 ReactJS,并且可以自己手动编写所有的样式。然后对照项目需求,在处理用户验证、页面版本管理或者 API 大数据传输这类问题之前,看哪些需求是能先满足的。当遇到难以手动实现的需求,并且已经有开源项目或软件可以解决问题时,再开始评估第三方工具。
用精简的方案做项目,而不是一开始就准备一大套工具和大规模的启始页,除非增加复杂度和代码体积利大于弊,否则不要轻易放弃精简方案。6.2 维护整洁的JavaScript代码即使平时做的项目都比较简单,最复杂的情况也不过是使用 jQuery 和插件,如果能针对“如何编写 JavaScript”创建标准,你仍然能从中获益。你会发现,如果没有某种期望和规范,你的 JavaScript 文件会像断线的风筝一样不受控制,代码也难以测试和重构。作为前端架构师,在给 JavaScript 代码评审制定标准的时候,你可以参考下面概括的一些规范。
网站建设前端设计之技巧保持代码整洁
    JavaScript 是一种脚本语言,这跟 HTML 和 CSS 不同。如果你忘记闭合一个 HTML 标签或者写了无效的 CSS,最坏的情况不过是页面上出现了一些小缺陷。如果你在 JavaScript 代码里添加了太多的逗号或者忘记闭合大括号,整个网站都有可能崩溃。由于编写恰当的 JavaScript 非常关键,最好在项目中结合单元测试使用一些格式 / 错误提示工具。如果在开发流程里运用其中一条,这不仅有助于发现导致崩溃的代码,而且能帮助你执行关于代码格式甚至是代码编写的规范。JS Hint(http://jshint.com/)是这些工具中一个很好的例子。它能够在你的文本编辑器里使用,一旦你犯错,它就会即时标记出来。你甚至可以把它用在构建系统中,这样如果有任何代码不符合规范,将无法通过测试。深圳网站建设公司这里有几条可以使用 JS Hint 检查的规则:
· 强制使用 === 和!== 代替 == 和!=
}
$('.red-alert').add_background("red").log_text_on_click();
$('.yellow-alert').add_background("yellow").log_text_on_click();
这个方案虽然需要多写几行代码,但有以下优点:
· 现在有了清晰地说明用途的函数
· 如果需要创建新的 .green-alert 类名,只需要修改定义好的 add_background() 和 log_text_on_click 函数
· 如果需要将 console.log($(this).html()); 改成 console.log($(this).text());,只需要在一个位置修改,而不是多个位置
· 可以在项目里的很多地方复用这两个函数
就像 Sass 的混入(mixin)写法比原生 CSS 有更多好处,把代码拆分为可复用的函数,我们的代码将变得更加清晰、精简、灵活和可测。
深圳网站建设公司总结
    JavaScript 仅仅用一片文章言之不尽。这里概括的技巧绝不是架构项目要考虑的全部因素,但是它们是非常好的例子,说明如果没有提前规划,代码质量会变成什么样。这并不是说开发人员不能独立写出高质量代码,而是每个开发人员对好代码的看法不一致。提前制定代码标准是确保代码评审公平的唯一方法,而且可以让开发人员更清楚他们应该如何编写代码。好了,深圳网站建设公司本文关于“网站建设前端设计之JavaScript语言框架的好与坏”知识就分享到这里,如果您有定制高端站建设以及设计需求,可电话联系我们技术客服,免费获取前端设计方案。谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/design/14837.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

相关案例推荐