FIS.js前端开发的使用说明文档

文档结构什么是FIS部署FISFIS基本使用模块定义加载方式调用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.0FIS开发平台内置tangram通用库，开发者不需要自己下载tangram即可使用。
可以通过F.use来使用tangram模块：
F.use('tangram', function(baidu){});也可以在module内部通用require来使用tangram模块：
var baidu = require('tangram');

FIS.js前端开发的使用说明文档相关推荐

20个面向前端开发人员的文档和指南（第4号）
It's that time again to get learning! Well, in this industry, that time is always I suppose. This is ...
面向对象的前端开发_20多种面向前端开发人员的文档和指南（第9号）
面向对象的前端开发 It's that time again to get learning! As before, I've collected a number of different lear ...
js前端开发案例教程之DOM购物车（动手实践：购物车）
js前端开发案例教程之 DOM购物车(动手实践:购物车) html和css <!DOCTYPE html> <html><head><meta charse ...
JS~~~ 前端开发一些常用技巧模块化结构命名空间处理奇技淫巧！！！！！！...
前端开发一些常用技巧模块化结构 &&&&& 命名空间处理奇技淫巧!!!!!!2016-09-29 17 ...
jeecgboot前端开发_Jeecg-Boot 技术文档
## 2.4+ 新版本文档请移步到: http://doc.jeecg.com ## (重要的事情说三遍,注意注意注意啦!!!) *** --- __ ![输入图片说明](https://static ...
前端开发技术：HTML5 JS 前端开发主要功能！
HTML5广义上讲是前端开发学科的代名词,包含HTML5.CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称.如PC端网站.管理系统.手机网页应用(WebApps).混合应用(H ...
vue.js 前端开发常见问题
前端开发常见问题 1. 热部署失效解决办法:参考查看系统当前max_user_watches的值 $ cat /proc/sys/fs/inotify/max_user_watches 复制代码应 ...
HTML5如何制作轮播透明效果,js前端开发实现banner轮播透明切换
/p> 前端开发 body, p, ul, li, ol, dl, dd, button, input, h1, h2, h3, h4, h5, h6{ margin:0; padding:0; ...
一篇关于我是怎么理解喜欢上并且做好前端开发工作的文档
最近有幸收到掘金的邀请,成为掘金专栏的一份子,唯恐自己不能有太多有质量的贡献,但又想到这是一次锻炼和学习的机会,所以非常感谢掘金! 刚好今天不是很忙,于是思索着来写些什么!正好前段时间想写一个关于工作 ...

FIS.js前端开发的使用说明文档

FIS.js前端开发的使用说明文档相关推荐

最新文章

热门文章