--支持你成为受人尊重的专业人才
武汉北大青鸟学费
武汉北大青鸟热门专业
武汉北大青鸟金牌教员
武汉北大青鸟就业保障

开班信息

在线报名

免费讲座

招生问答

武汉北大青鸟 > 学员专区 > 学习园地 >

关于JavaScript的12条专业建议

2015-11-19 16:03:35   来源:武汉北大青鸟光谷校区
  学习JavaScript是困难的。它发展的如此之快,以至于在任何一个特定的时刻,你都不清楚自己是否“做错了”。下面是武汉北大青鸟光谷校区专业老师收集的关于学习JavaScript的一些实用建议:
 
  1.JS应该放到.js文件中
 
  所有的JS都应该放在.js文件中,为什么呢?因为这有助于可读性,节省带宽。行内JavaScript在每次页面加载时都会重新下载,相反的,单独的.js文件则会被缓存起来。正如你所看到的,这个规则有助于支持如下一长串的其他规则。
 
  2.JS应该是静态的
 
  很多程序员喜欢动态的使用JavaScript,他们喜欢像使用服务器端语言如C#, Ruby, Java那样来动态的使用JavaScript。千万不要这么做,因为这样你就失去了代码着色、语法高亮显示和智能感知的支持。记住,JavaScript应该属于一个.js文件(见规则 #1)。
 
  3.JS应该被压缩
 
  压缩可以减小文件体积,从而提升页面加载速度。记住,性能也是一项功能。因为,为了压缩,你需要把JS放到一个单独的文件中(见规则 #1)。压缩JS曾经很麻烦,但现在完全是简单自动化的。有很多的方式可以做到,而Gulp和gulp-uglify是一种低摩擦和自动化的办法。
 
  4.JS应该位于页面底部
 
  如果你把<script>标签放在<head>中,它会阻碍页面渲染。位于<head>中的脚本必须在页面显示前加载,因此把<script>放在底部的</body>前面可以先显示页面,而不用等JS文件下载完毕,这有助于提升感知性能。如果你的JavaSctipe必须位于<head>中,可以考虑使用 jQuery的$(document)。ready这样你的脚本可以等到DOM加载完毕后再执行。
 
  5.JS应该实时的Linted
 
  Linting遵循代码风格、发现错别字、有助于避免错误。有很多这样的工具,建议使用 ESLint,你可以使用Gulp的gulp-eslint来运行它。Gulp可以查看你所有的JS文件,并在你每次保存的时候运行linter。另外,你需要把你的JS代码放在单独的.js文件中才能运行linter 。
 
  6.JS应该有自动化测试
 
  在过去的几年中,我们知道了测试的重要性。但它在很大程度上忽略了在JavaScript,直到最近才被重视。现在典型的JavaScript应用需要测试的部分远比你实际手动测试到的要多。使用JavaScript处理这么多的逻辑,关键的是具有自动测试。你可以通过工具,如 Selenium自动化集成测试。然而,集成测试往往是脆弱的,所以建议专注于自动化单元测试。自动化单元测试有多种选择。如果你是新手,建议你使用Jasmine,而如果你想要终极配置,可以使用Mocha with Chai。
 
  7.JS需要封装
 
  前些年我们了解了全局变量的风险,值得庆幸的是,现在有很多的方法来封装JS:如果你不想transpile, CommonJS可能是你最佳的选择。由于Node使用的CommonJS 模式,所以你可以使用npm来下载数千个包。CommonJS不能在浏览器中运行,所以你可能需要 Browserify,Webpack, or JSPM。
 
  8.JS依赖应当明确
 
  这条规则与上述规则紧密相关,一旦开始封装JavaScript,你需要一个简单的方法来引用其他模块。这就是常说的现代模块系统CommonJS和ES6模块的好处。你只需要在文件顶部指定依赖,就像 Java 或 C# 那样一句声明:
 
  //CommonJS
 
  var react = require(‘react’);
 
  //ES6 Modules
 
  import React from 'React'
 
  9.Transpile to JS
 
  最新版本的JavaScript,EcmaScript 2015(被大家熟知的名字是ES6)官方版本在6月份发布了。浏览器还不能很好的支持它的很多特性,但这并无关紧要。你可以用Babel来体验它的新特性。Babel把ES6 transpile到ES5,如果你能忍受这么做,你现在就可以享受ES6 的新特性。JavaScript预计一年发布一次的新版本了,所以你可能一直需要transpiling。或者你喜欢强类型?那么你可以考虑 TypeScript。
 
  10.JS应该自动构建
 
  我们已经谈到了linting、压缩、transpilation 和测试。但如何才能让这一切自动发生?很简单:使用自动构建。Gulp就是这样一个结合了所有功能的工具,不过你也可以选择 Grunt和Webpack。或者如果你是一个高手,你也可以使用npm来构建。问题的关键是,不要指望人记得手动运行这些东西的,自动化是一个非常棒的选择。
 
  11.使用框架或者库
 
  拿一些现成的东西来用。想保持轻量级?试试Backbone 或 Knockout。 或者 jQuery就够了。想要更多更全功能的?试试 Angular, Ember,,或者 React with Flux。
 
  12.JS Should Separate Concerns
 
  把JS代码放到一个文件中的习惯很容易养成,或者盲目跟从你的框架的意见。当你移动到客户端的时候,不要忘记你在服务器端学到的经验教训。这里并不仅仅意味着就像你在Angular和Knockout等MVC框架中那样分离模型、视图、控制器。编写JavaScript的时候应该像服务器端开发者那样思考问题,把你的业务逻辑和数据访问分离出来。这意味着AJAX调用都应该在一个地方,创建一个集中的客户端“数据访问层”。业务逻辑模块应包含纯JavaScript的。这使得逻辑易于重用,易于测试,升级也不受影响。
 
  本文源自网络,由武汉北大青鸟光谷校区小编整理发布,希望能够帮你更好的掌握JavaScript技术。想要了解更多相关信息,可在线咨询光谷校区专业老师。
 
点击在线咨询
相关文章
[校区新闻]北大青鸟武汉千硕2017第三季度“自媒体之星”评选开始啦
[校区新闻]挺不过军训,怎么拼得过学长,说说军训那些事
[校区新闻]武汉北大青鸟:如何有意义的过好大学生活,你想好了吗?
[校区新闻]特别的教师节,美女校长带着全能班主任来直播
[校区新闻]喜报:千硕成为第二批湖北省服务外包人才培养基地
[校区新闻]谢谢“巨星”毛不易,让我想起曾经的自己!
[校区新闻]你那么难于自律和坚持,还怎么遇见更好的自己