zoukankan      html  css  js  c++  java
  • FIS.js前端开发的使用说明文档

    文档结构
        什么是FIS
        部署FIS
        FIS基本使用
        模块定义
        加载方式
        调用Tangram 2.0
    
    一.什么是FIS
    FIS提供了一套贯穿开发流程的开发体系和集成开发环境,为产品线提供前端开发底层架构,这能帮助工程师提高开发效率,沟通协作效率,快速实现需求并达到代码的最优化。
    
    二.部署FIS
    
    三.FIS基本使用
    在FIS中,所有JavaScript文件都应该用模块的形式来书写,并且一个文件只包含一个模块。
    F.module:
    使用F.module来定义模块:
    F.module(name, function(require, exports){
        //bla bla
    },deps);
    
    name:当前模块的唯一标识,为模块所在文件的访问路径。
    
    fn:模块的main函数。
    
    require:模块函数第一个参数名称为require, 用来访问其他模块提供的 API。
    
    exports:exports 用来向外提供模块的 API.
    
    deps:deps是一个数组,表示当前模块的依赖列表。
    
    2.加载方式
    FIS JS框架通过Script DOM Element的方式来实现异步加载模块,这种方式适用于所有的浏览器,而且没有跨域的限制。
    这种方式的缺点是不能保证各个脚本的执行顺序。如果需要加载多个有依赖关系的脚本,我们可以使用use或者require方法。
    
    F.use:
    通过 use 方法,可以在页面中加载任意模块:
    F.use('tangram', function(baidu){
        baidu.dom.ready(function(){
            console.log('ready!');
        });
    });
    
    我们也可以use多个模块,
    F.use(['a', 'b'], function(a, b){
        //bla bla
    });
    
    require:
    require方法只能在模块的定义中使用,
    //模块a,模块的定义由工具自动生成 
    var t = require('tangram:base');
    var ec = require('fis:event');
    
    require请求模块的方式也是采用异步的方式,在模块的main函数执行之前,框架会采用异步的方式去请求所有require的模块,
    当所有模块加载成功后才会执行这个模块的main函数,也就是当运行到 var t = require('tangram') 语句的时候 tangram 模块已经加载进来了。
    
    调用Tangram 2.0
    
    FIS开发平台内置tangram通用库,开发者不需要自己下载tangram即可使用。
    可以通过F.use来使用tangram模块:
    F.use('tangram', function(baidu){
     
    });
    
    也可以在module内部通用require来使用tangram模块:
    var baidu = require('tangram');
    
  • 相关阅读:
    IE678下,select 诡异的样式
    跟着我一步一步的搭建一个基于springcloud的微服务实例
    关于Future踩过的坑
    Apache下的SocketClient的使用
    Jaxb处理泛型,转化成xml字符串
    Linux Centos虚拟机扩容
    docker 搭建zookeeper集群和kafka集群
    sysbench 数据库性能测试工具的使用
    docker 容器技术
    自己手写实现Dubbo
  • 原文地址:https://www.cnblogs.com/sntetwt/p/3497507.html
Copyright © 2011-2022 走看看