博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flight学习(一)
阅读量:5272 次
发布时间:2019-06-14

本文共 1553 字,大约阅读时间需要 5 分钟。

翻看git时看到有新消息提示,点进去第一个就是Flight,那么今天就简单来翻译和了解一下这个框架吧,锻炼下自己的英文文档阅读能力,同时也熟悉下JavaScript。时间太赶,难免出现翻译失误和错误,这里是原文,需要的话可以直接去看英文版。( )
1.它是什么:

 是一个轻量级的,基于组件的,事件驱动的JavaScript框架,它将行为关联到dom节点。由Twitter团队开发, 被用于  和。

  • 官网:
  • 说明文档:
  • 例子: ()
  • flight谷歌小组:
  •  (#flightjs)
2.简单使用:
/* 组件定义*/var Inbox = flight.component(inbox);function inbox() {  this.doSomething = function() { /* ... */ }  this.doSomethingElse = function() { /* ... */ }  // 初始化组价之后的操作  this.after('initialize', function() {    this.on('click', this.doSomething);    this.on('mouseover', this.doSomethingElse);  });}/*将组件绑定到dom节点上*/Inbox.attachTo('#inbox');
 

3.安装:

4.优点:

基于jQuery,体积小,只有5k。

Flight组件是便携的和易测试的,因为每个组件及其借口之间是完全独立的,组件之间的交互仅仅只依靠触发器和事件绑定。
Flight同时也包括一个简单又安全的混合型基础框架,允许组件很方便的在小的基础框架上扩展。
5.相关的开发工具:
Flight支持项目中你安装,改写和测试应用所需要的一切东西。
  •  .只需 一步便可实现一个基于Flight的web应用程序。

  •  .只需 一步便可生成你需要用来书写和测试一个独立的Flight组件的所有内容。 

  • 支持the Jasmine test framework的扩展.

  •  支持Mocha test framework的扩展.

6.寻找和书写组件:

你可以现在单击 来寻找所有可用组件.同时也可以通过Bower引用:

bower search flight

最简单的书写一个components组件的方式是通过:

yo flight-package foo
7.浏览器支持:
Chrome, Firefox, Safari, Opera, IE 7+ (requires ).
8.插件概览 :

这是一个关于Flight的主要概念和语法的简要说明。你可以通过阅读  来了解详细情况。

组件()

  • 一个组件就相当于一个属性集和原型组合起来的构造器。
  • 每一个组件都有一系列的基础函数,比如事件处理和组件注册等等。 (see )
  • 除此之外,每个组件的定义都包含了一系列描述组件行为的特定的属性集。
  • 当一个组件关联到一个dom节点上时,一个关于那个组件的新的实例就会被创建,每个实例都通过节点属性指向特定的dom节点。
  • 组件实例不能被直接饮用,它可以通过事件和其他的组件进行交互。

和DOM节点的交互

一旦被绑定,组件实例就会直接和它的节点对象相关联。(也有jQuery版本的可用节点,$node)

Flight里面的事件

 Flight组件通过事件来实现交互。组件的原型提供方法来触发事件,同时将事件从组件上 绑定和解绑。这些组件事件的方法实际只是一组便捷的包装了的普通dom节点的事件和方法。

 

转载于:https://www.cnblogs.com/benxiaohai-microcosm/p/6493263.html

你可能感兴趣的文章
字符串
查看>>
vue2.x directive - 限制input只能输入正整数
查看>>
实现MyLinkedList类深入理解LinkedList
查看>>
自定义返回模型
查看>>
C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 客户端多网络支持
查看>>
HDU 4122
查看>>
Suite3.4.7和Keil u3自带fx2.h、fx2regs.h文件的异同
查看>>
打飞机游戏【来源于Crossin的编程教室 http://chuansong.me/account/crossincode 】
查看>>
[LeetCode] Merge Intervals
查看>>
【翻译自mos文章】当点击完 finishbutton后,dbca 或者dbua hang住
查看>>
Linux编程简介——gcc
查看>>
2019年春季学期第四周作业
查看>>
MVC4.0 利用IActionFilter实现简单的后台操作日志功能
查看>>
rotate the clock
查看>>
bugku 变量
查看>>
Python 环境傻瓜式搭建 :Anaconda概述
查看>>
数据库01 /Mysql初识以及基本命令操作
查看>>
数据库02 /MySQL基础数据类型以及多表之间建立联系
查看>>
Python并发编程04/多线程
查看>>
CF461B Appleman and Tree
查看>>