• 读书笔记 | JavaScript Web应用开发 第1章:构建优先


    关于本书

    本书主要想表达的观点是要注重质量。使用自动化技术能搭建一个更好的应用构建环境,但

    光有自动化技术还不够,应用本身也要有质量意识。为此,本书涵盖了应用设计的指导方针,先介绍语言相关的注意事项,然后告诉你模块化的强大作用,再帮你厘清异步代码,教你开发客户端MVC应用,最后为JavaScript代码编写单元测试。

    本书和其他讲解Web技术的书一样,依赖于特定版本的工具和框架,不过本书把代码库相关的问题和所需掌握的理论区分开了。这是种妥协的做法,因为Web开发领域使用的工具频繁变化,但工具的设计理念和操作过程的变化节奏要慢得多。我把这两方面分开了,希望这本书在未来几年仍有价值。

    第一部分 构建过程

     

    1 章 构建优先

     

    以前,我们会从网上复制一些代码片段,然后粘贴到页面中,就这样收工了。可是这样的日

    子早已过去,先把JavaScript代码搅和在一起,事后再做修改,不符合现代标准了。如今,JavaScript是开发的焦点,有很多框架和库可以选择,这些框架和库能帮助我们组织代码,我们不会再编写一整个庞大的应用了,更多的是编写小型组件。可维护性不是随意就能实现的,我们从开发应用伊始就要考虑可维护性,并在这个原则的指导下设计应用。设计应用时如果不考虑可维护性,随着功能的不断增加,应用就会像叠叠乐搭出的积木塔一样慢慢倾斜。

     

    构建优先原则是设计结构清晰、易于测试的应用之基础,使用这一原则开发出来的应用易于维护,也易于重构。

    1.2 遵守构建优先原则,提前计划

    概览构建优先原则关注的四个方面:构建过程,设计,部署和环境。

    构建过程:使用自动化方式编译和测试应用。构建的目的是便于持续开发,还能调校应

    用,让发布版本得到最好的性能。

    设计:你的大部分时间都要用到设计上,在开发的过程中实现并改进架构。在设计的过

    程中,你可能要重构代码,更新测试,确保组件能按照预期的方式运行。制定好构建过

    程或准备好部署时,就要设计应用的架构,并在代码基中迭代开发。

    部署和环境:这两部分的目的是自动执行发布过程和配置不同的主机环境。部署过程的

    作用是把代码变动传送到主机环境中,而环境配置的作用是定义与应用交互的环境和服

    务,也包括数据库。

    1.3 构建过程

     

    构建过程涵盖自动完成重复性的任务,包括安装依赖、编译代码、运行单元测试,以及执行

    其他重要的操作。

    能一步执行完所有需要执行的任务(一步构建)非常重要,这么做优势明显。只要制定好了一步构建方案,想执行多少次就能执行多少次,而且效果不变。这种特性叫幂等:不管执行多少次,结果都一样。

     

    自动构建过程的优缺点

    自动构建过程的最大优点是只要需要随时都能部署。功能开发完毕后立即就让用户使用,有利于收窄反馈循环,这样我们就能更好地预见应该开发什么样的产品。

    自动构建过程主要的缺点是在真正获益之前,要花一定的时间制定这个过程,可是自动化过程的好处绝对物超所值,例如我们能自动测试,得到的代码质量更高,开发流程更精益,而且部署流程更安全。一般来说,这个过程只需设置一次,以后随时都能再次执行,而且在开发的过程中还可以适当调整。

    1.4 处理应用的复杂度和设计理念

     

    不管使用什么语言开发,如果想保证代码在具有一定规模时仍能正常运行,就一定要做到以下几点:模块化、管理依赖、理解异步流、认真遵守正确的模式和测试。

     

     

    1-4简要说明了使用构建优先原则开发时应用的典型组织方式。

    1.5 钻研构建优先原则

    lint程序是检查代码质量的工具,特别适合用来检查使用解释型语言(例如JavaScript)编写的程序。我们不用打开浏览器检查代码是否有句法错误,在命令行中执行lint程序就能找出代码中潜在的问题,例如未声明的变量、缺少分号或句法错误。不过lint程序也不是万能的,它检测不到代码中的逻辑问题,只能提醒句法和风格错误。

    1.5.1 检查代码质量

     

    1.5.2 在命令行中使用lint工具

     

    JSHint是一个命令行工具,使用Node.js编写,用于检查JavaScript文件和代码片段。Node.js

    是一个使用JavaScript开发应用的平台,如果你想深入学习Node.js,可以阅读Mike Cantelon等人写的《Node.js实战》。掌握Node.js的知识也有助于使用下一章我们选定的构建工具——Grunt

    安装Node.jsJSHint

    执行 npm install -g jshint 命令 如果安装失败,可能要使用 sudo 提升权限,例如 sudo npm install -g jshint

    执行 jshint --version 。这个命令应该输出JSHint的版本号

    输入 jshint . (点号告诉JSHint检查当前文件夹里的所有文件)。如果执行的时间太长,或许要加上 --exclude node_modules 选项,告诉JSHint只检查自己编写的代码,忽略通过 npm install 安装的第三方代码出错后不会继续运行,在问题解决前不会完成整个构建过程

    如果想在构建过程中增加任务,还不方便。你或许想在构建过程中增加一步,运行单元测试,这时就会遇到问题,因为你现在至少要执行两个命令:一个是 jshint ,另一个是运行测试的命令。这样做的伸缩性不好,你要记住如何使用 jshint ,还有很多其他命令及其参数,太麻烦,难记,而且容易出错。

    那么你最好把构建任务放在一起,虽然现在只有一个任务,但很快就会变多。制定构建过程

    时要考虑自动化,避免重复各个步骤,以节省时间。

    JavaScript来说,Grunt是最受欢迎的构建工具之一,有成千上万个插件(辅助构建任务)供使用。

    1.6 总结

    现代JavaScript应用开发是有问题的,因为缺少对设计和架构的重视。使用构建优先原则能得到自动化的过程,设计出可维护的应用,而且鼓励思考你所开发的应用。学会了使用lint程序检查代码,不使用浏览器就提升了代码质量。

    在第一部分你会学习构建过程、部署和环境配置的所有知识。你将使用Grunt开发构建过

    程,在附录C中还能学习可以使用的其他工具。

    第二部分专门说明应用设计的复杂性。模块化、异步代码流、应用和API设计,以及可测

    试性都有一定的作用,会在第二部分介绍。

  • 相关阅读:
    [转]三维曲线投影到坐标轴
    [转]python matplotlib contour画等高线图
    [转]python (matplotlib)画三维图像
    excel挑选出每一行的最大值或最小值
    Origin 三种方法在图片中添加水平辅助线
    Origin画放大部分区域图片
    Origin画3DScatter图-第一节
    JFreechart绘制2D散点图
    Ctex入门指南笔记 -列表、表格、公式与图片
    Ctex安装与运行
  • 原文地址:https://www.cnblogs.com/paulycoding/p/6933341.html
Copyright © 2020-2023  润新知