zoukankan      html  css  js  c++  java
  • 前端的一些工具

    1.Reactjs

           React不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React并不非常认可MVC开发模式;

      React引入了虚拟DOM(Virtual DOM)的机制,在浏览器端用Javascript实现了一套DOM API。

      React带来了组件化的开发思想。

      React认为一个组件应该具有如下特征:

        (1)可组合(Composeable):一个组件易于和其它组件一起使用,或者嵌套在另一个组件内部。如果一个组件内部创建了另一个组件,那么说父组件拥有(own)它创建的子组件,通过这个特性,一个复杂的UI可以拆分成多个简单的UI组件

                  (2)可重用(Reusable):每个组件都是具有独立功能的,它可以被使用在多个UI场景

        (3)可维护(Maintainable):每个小的组件仅仅包含自身的逻辑,更容易被理解和维护

    *React入门:http://www.cnblogs.com/yunfeifei/p/4486125.html。 

    2.angular

        首先angular是一个MVC框架,致力于MVC代码解耦,采用model,controller以及view的方式去组织代码

        端对端的解决方案

          AngularJS试图成为WEB应用中的一种端对端的解决方案。这意味着它不只是你的WEB应用中的一个小部分,而是一个完整的端对端的解决方案。这会让AngularJS在构建一个CRUD(增加Create、查询Retrieve、更新Update、删除Delete)的应用时显得很“固执”(原文为 opinionated,意指没有太多的其他方式)。但是,尽管它很“固执”,它仍然能确保它的“固执”只是在你构建应用的起点,并且你仍能灵活变动。AngularJS的一些出众之处如下:

        构建一个CRUD应用可能用到的全部内容包括:数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入

      测试方面包括:单元测试、端对端测试、模拟和自动化测试框架。

      具有目录布局和测试脚本的种子应用作为起点

      

    特点:

    #1 良好的应用程序结构
      通常情况下,我们编写 JavaScript 没有明确的结构。虽然在编写小应用程序的时候没有问题,但这显然是不适合于大规模的应用程序。使用 AngularJS,您可以通过MVC(模型 - 视图 - 控制器)或MVVM (模型 - 视图 - 视图模型)模式来组织源代码。 AngularJS 是一个 MVW 框架,其中W代表可以用于任何项目。你可以组织你的代码模块,它可显著提高应用程序的可测试性和可维护性。

    #2 双向数据绑定
      数据绑定肯定是 AngularJS 最佳功能之一。你可以声明绑定的模型到 HTML 元素。当模型发生变化时,视图会自动更新,反之亦然。这可以减少大量的传统样板代码,保持模型和视图同步。

    #3 指令
      AngularJS 指令让你使用 HTML 新语法快速的构建应用程序。您可以创建可重用的自定义组件与指令的API。例如,如果你想自定义日期选择器小部件,你可以创建一个<data-picker/ >组件。如果你想要一个奇特的文件上传与进度指示器可以继续创建一个<file-upload/ >组件。很酷,不是吗?

    #4 HTML 模板
      AngularJS 使用 HTML 模板,这使事情变得简单,并允许设计人员和开发人员同时工作。设计人员可以按照通常的方式创建用户界面,而开发人员可以使用声明性绑定语法很容易配合不同的UI组件的数据模型。

    #5 可嵌入、注入和测试
      关于 AngularJS 的最好的事情是,它是一个很好的团队成员。它从来没有要求全面承诺。AngularJS 官方网站说,你可以根据你需要使用尽可能多或尽可能少的在项目中使用 AngularJS。如果你只需要双向数据绑定,您可以引入 Angular,只是使用此功能。

      AngularJS 支持依赖注入的开箱即用。如果你需要的东西,你只要调用 Angular 来注入。就这么简单。这巨大的提高可测试性,因为你可以很容易地在测试的模拟组件。

      AngularJS 在创建时候始终考虑着可测试性。这些模块和依赖注入系统,使得单元测试更容易。此外, AngularJS 提供了一个称为量角器工具,这使得终端到终端的测试变得轻而易举。所以,你开发的代码始终是可测试性和可维护性。

    3.Highcharts

     

      功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

    地址:http://www.hcharts.cn/

    4.Nodejs

    简单的说 Node.js 就是运行在服务端的 JavaScript.
    Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台.
    Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好

    网站:http://nodejs.cn/

       http://www.runoob.com/nodejs/nodejs-tutorial.html

    5.GRUNT

      Javascript的构建工具,神器

    地址:http://www.gruntjs.net/getting-started

     

    ---恢复内容结束---

  • 相关阅读:
    How To Compile Qt with Visual Studio 2010
    VCL线程的同步方法 Synchronize(用消息来同步)
    Delphi中怎么结束线程(这个线程是定时执行的)(方案二)
    编程之美 寻找数组中的最大值和最小值
    Delphi中怎么结束线程(这个线程是定时执行的)(方案一)
    Delphi线程同步(临界区、互斥、信号量,包括详细代码)
    Delphi管理多线程之线程局部存储:threadvar
    Delphi之通过代码示例学习XML解析、StringReplace的用法(异常控制 good)
    Delphi的文件操作(定义,关联,打开,读写,关闭)
    Android 中单位讲解
  • 原文地址:https://www.cnblogs.com/Mischief/p/5661027.html
Copyright © 2011-2022 走看看