Skip to content
Furic Zhao edited this page Jan 29, 2018 · 23 revisions

FEZ

FEZ 是面向 前端模块化工程 的开发框架。主要目的是统一前端开发模式和项目开发结构,自动化前端工作流,提高开发效率和开发质量,引入持续集成等软件工程的标准流程,集成众多业界先进的解决方案,让研发人员更专注于业务逻辑的实现。核心包括功能模块化、结构规范化、及开发自动化。

主要功能

  • 使用Nodejs构建本地研发环境。
  • 支持同时使用ES5/ES6/ES7编写Javascript,模块化组织JS代码。
  • 支持同时使用Css/Less/Sass/Stylus编写样式,模块化组织样式代码。
  • 支持Autoprefixer自动添加CSS3的各种浏览器前缀。
  • 支持合并压缩JS/CSS/HTML/图片/字体等静态资源。
  • 支持Jade(pug)/handlebars模板引擎。
  • 支持Vue/React等MVVM框架单文件组件形式的高级开发模式。
  • 支持页面自动化插入/引入第三方框架库。
  • 支持自动化创建统一结构化的项目、或项目页面。
  • 支持所有静态资源自动添加Md5版本号。
  • 支持所有资源链接自动添加CDN地址。
  • 支持SSH快速部署上线、或部署静态资源。
  • 支持Mock随机数据前后端分离并行开发。
  • 支持JSHint代码规范检测。
  • 多终端自动化测试解决方案。
  • 深度无损压缩PNG/JPG/JPEG图片解决方案。
  • 雪碧图自动合成解决方案。
  • SVG转Icon图标解决方案。
  • 智能SVG高清图片解决方案。
  • 智能WebP全站图片解决方案。
  • 智能Rem移动端等比缩放解决方案。
  • 智能网页中使用特殊字体/艺术字体解决方案。

FEZ生态圈

  • FEZUI

http://fezui.hestudy.com/

FEZUI 是一套基于 Vue 的支持多终端的用户界面交互组件库,致力于积木式的快速构建项目,自动适配PC端、手机端、Ipad端以及微信端,或内嵌各种第三方Android、IOS的APP中使用,提升产品体验和开发效率、降低开发和维护成本。

  • FEZ Layout

http://fezlayout.hestudy.com/

是基于vue、vuex、vue-router的现代响应式多终端UI布局开发框架,旨在帮助团队快于构建多终端兼容的中后台产品的界面布局。

  • FEZMOCK

http://fezmock.hestudy.com/

FEZMOCK是一套前端数据模拟开发框架,让前端工程师不再依赖服务端环境和接口数据而独立进行开发。增加单元测试的真实性,通过随机数据,模拟各种数据场景。

  • FEZ ApiDoc平台

http://apidoc.hestudy.com/

API文档、技术文档协作开发平台。帮助团队前后端分离并行工作,提高团队研发效率。