授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2020-08-31
提 交 者: 微众开源

Fes.js 是“快速、简单、健壮”的前端应用解决方案,包含 Fes-Cli、Fes-Core、Fes-UI 三部分。能够管理从开发到部署的全链路完成流程,提供模板项目、cli 命令行工具、丰富的 PC 端组件和一系列 API,提效中后台开发能力,让开发更专注的聚焦于业务逻辑。

  • Fes-Cli是命令行工具,一行命令创建工程、开启开发调试、打包发布。
  • Fes-Core是运行时框架,固定页面布局,提供权限管理、储存管理、路由管理、接口管理、状态管理、数据字典管理、环境管理等API。以插件的方式提供扩展接口。
  • Fes-UI是组件库,包含30+的PC端组件库,可以快速搭建出增删改查等页面

 Fes.js框架

 Fes是一整套解决方案。包含fes-clifes-corefes-ui三部分。
fes-cli是命令行工具,解决创建工程、开发调试、打包发布。
fes-core是框架核心,对Vue的API做了一些增强。建议先阅读学习Vue2.0,再阅读运行时框架
fes-ui是一套基于Ant.design设计理念的PC端组件库。

架构

使用场景

  • 管理系统前端的高效开发

快速搭建项目环境,封装后台管理应用的常用模块;固定应用布局,让开发者只需要关心用组件搭建页面。

  • 满足高质量和高稳定性运行

Fes.js 稳定的底层架构结合上层质量保障体系,配合整套经过线上验证的技术栈,可以保障应用上线稳定运行。

  • 支持国际化版本

Fes-Core和Fes-UI支持了国际化能力,可以轻松实现管理台应用的国际化支持。

演化过程

在使用Vue开发管理台过程中,实现业务需求积累了一些相对通用的组件,经过重构让组件更通用后ui-webank组件库诞生。

使用组件库开发管理台应用,效率得到提升。但是其中依然有很多内容,例如布局、菜单、权限、接口请求能力是类似的,为何不把管理台应用中其他通用的能力抽象出来,实现一个框架封装这些能力呢?于是Fes.js诞生了。

Fes.js 核心设计原则是“让开发者少写”,愿景是 “Fast 、Easy、Strong”。
从功能上 Fes.js 分为 Fes-CLI、Fes-Core 和 Fes-UI 三部分,在开源前经历过一次大的架构变更 v1.0 版本 Fes-ClI 和 Fes-Core 同属于一个包,这样带来一些问题:

  • Fes-CLI 和 Fes-Core 在同一个 npm 包,每次 Fes-Core 更新顺带更新 Fes-CLI 的版本,也就是用户需要重新全局安装一次fes命令;

  • Fes-Core 强依赖 Fes-UI,在代码中使用了 Fes-UI 的 Message 组件,Fes-Core 的 package.json 写死 Fes-UI的版本。导致每次升级 Fes-UI 版本需要同时升级 Fes-Core 版本,用户需要重新安装 fes 命令。

在 v2.0 版本中完全解耦三个模块,由项目决定 Fes-Core 和 Fes-UI 的版本。 

加入 Fes.js社区

我们已迈出了第一步,虽然目前不能更全面的实现某些功能,随着时间的推移,这部分功能一定会越发完善,希望这些可以帮助开发者们更好的进行开发。

在此诚邀关注前端开发的你,参与到 Fes.js 项目中来,我们欢迎任何形式的贡献,有任何建议或意见可在 GitHub/ gitee /微信群中提issue,期待你的到来。

欢迎联系项目负责人Harry:harrywan@webank.com

文档

详细使用请查看 文档

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

Fes.js 的相关博客

[js]javascript索引

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/art...

JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(...

JS|JavaScript库

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题...

js 封装 js

define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummar...

Javascript---Javascript简介

Javascript学习记录 读Javascript高级程序设计(3版)记录

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常 代码: <script>标签是这样子写的: <script type="application/javascript"> //...

javaScript(引入外部js/补充js)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"></script> <!--一般...

JS 有趣的JS

一、 var arr = []; for (var i = 0; i < 3; i++) { arr[i] = function() { console.log(i+'__') // 3 ...

JS(JavaScript)初始

day43 JS初识 今日内容: HTML: 文档结构 CSS: 修改文档的外观样式 JS:实现页面上的动态 JS文件的引入方式:   1.script标签内...

评论 (0)

加载中
更多评论
0 评论
28 收藏
分享
返回顶部
顶部