FIS3 为你定制的前端工程构建工具

发布于 2017-10-26 13:28:55 字数 4946 浏览 3339 评论 0

FIS3 为你定制的前端工程构建工具,解决前端开发中自动化工具、性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化框架、开发规范、代码部署、开发流程等问题。

FIS3 为你定制的前端工程构建工具

岂止于工具

FIS3与一般构建工具有何不同

类css风格的配置语法

FIS3采取了类似CSS语法一样的配置风格,易于理解与上手。编译配置不再枯燥而令人生畏,构建项目变得如此简单。

Glob语法扩展

不会写正则?不用怕,FIS3不仅提供了友好易用的Glob匹配语法,更扩展了分组功能,再没有更简单易用的文件匹配了。

面向开发的目录规范

FIS3强大的资源定位和内嵌等能力让你能真正面向开发定义利于维护的目录规范,同时能适配任意服务器的发布需求。一份代码,多种发布。迁移变得如此简单!

强大的静态资源管理

FIS3绝不仅是Task管理工具,其核心思想在于整站强大的静态资源管理能力。无论是按需加载、组件内嵌、BigRender、Quickling等方案都能快速实施。

与后端框架的无缝结合

FIS3将静态资源管理能力延伸到后端框架,无论是PHP的、smarty,Nodejs,还是JAVA的velocity,都有相应的解决方案支持。

如何利用工具提升项目开发效率

FIS3助您在各个阶段得心应手

简单页面制作

丰富的脚手架与组件仓库,自动监听、本地预览,让您的页面快速Run起来。

丰富的脚手架和组件仓库,让您快速上手。

提供本地调试服务器,方便快速预览、本地数据模拟等功能。支持文件监听、自动刷新,您的每次改动都能快速呈现在页面中
方便的资源定位机制、css语法般的目录和发布配置,让您保持高可维护性的开发目录结构不变同时,轻松适配任意服务器部署的目录要求。

初级项目研发

工欲善其事,必先利其器。灵活运用开发工具提速开发

自动雪碧图

雪碧图通过合并文件减少网络请求,提升页面加载性能。FIS能根据CSS中的文件引用自动生成雪碧图,有力提升css开发效率

资源内嵌,文件校验、压缩、合并

内容嵌入可以为工程师提供诸如图片base64嵌入到css、js里,前端模板编译到js文件中,将js、css、html拆分成几个文件最后合并到一起的能力

通过简单的几行配置便能完成资源校验、压缩、合并工作

中等规模项目

利用模块化提升可维护性,灵活适配开发框架

模块化开发

模块化是提升网站可维护性、功能复用性的重要手段,它能实现积木式的搭建网页。

FIS提供了ModJS模块化方案让用户无需关注模块化方案细节,只需像NodeJS一样简单的声明模块依赖便能轻松完成模块化工作,支持同步、异步的加载方式和依赖的管理。

无缝支持 AMD/CMD 等规范

FIS同样支持开源的AMD/CMD等规范,通过自动化编译简化现有模块化方案的开发和依赖的分析管理等工作,让用户更专注于功能开发。

更简单的依赖打包机制

FIS在分析过程中获取了整个项目模块化资源的依赖分析工作,使得诸如webpack的依赖打包和管理变得更加简单。

同样您可以自定义打包插件来自由扩展,例如Rosseta的打包

大流量产品攻克

全面管理整站静态资源,轻松搞定性能优化

静态资源表机制

作为FIS静态资源管理的核心,通过它不仅能灵活适配modjs/AMD/CMD等模块化方案,更能方便地扩展实现更多应用。了解更多

后端静态资源管理框架

静态资源管理应当能适配php、java等各种后端方案,通过与后端的结合更好的实现网站资源的管理。了解更多

灵活控制资源加载

按需加载、延迟加载、预加载等多种方式灵活控制,从性能优化角度出发优化首屏渲染等页面展现性能。

项目地址:http://fis.baidu.com

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84961 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文