Products

Magix是用于构建大型富交互单页应用的前端MVC框架。它提供了基于树状结构的视图系统,页面初始渲染以及URL变动都将从根View开始逐层进行,这使得局部变化井然有序;同时遵循Magix的开发约定可以很好的控制页面内存的使用,避免单页系统常见却致命的内存泄露和过度膨胀等问题。

Brix是写组件的一组约定,在其下可以:将HTML结构生成与交互事件绑定分离,让其分别在前后渲染的多种前端架构中通用;促成填空式的组件开发,让代码即是文档;解决组件批量渲染、绑定和嵌套问题,引入局部刷新或双向绑定都将更容易。而本质上Brix是对innerHTML方法的扩展,对HTML原标签系统的扩充。

Crox是一个由JavaScript语言实现的高性能跨语言模板引擎。Crox模板可以直接在JavaScript环境中使用,也可以翻译成PHP、JSP等其他编程语言的可执行方法或翻译成Velocity、Smarty等其他模板引擎的源模板,Crox通过独有的“模板逻辑直译”技术保证翻译后的结果在各种环境下都具备最佳执行效率。

RAP是数据接口管理工具。在开发时前端将请求转至RAP,由RAP提供模拟数据;而后端使用RAP测试接口的正确性。这样RAP就成为了开发过程中的强依赖,进而确保接口文档的实时正确性。RAP采用JSON-Schema规范描述HTTP请求及其JSON响应。除了异步的HTTP接口,输出给模板系统的任何数据结构都将被RAP管理起来。

一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。

一款小巧轻便的数据双向绑定库,旨在帮助前端攻城师快速开发Web组件和应用。支持所有主流浏览器(包括 IE6),可以单独使用,也可以方便地集成到第三方框架。目前基于模板引擎 Handlebars.js 实现,可扩展支持其他基于语法树的模板引擎。

Cube是一套跨终端、响应式、低设计耦合的CSS解决方案。包含全新基础重置、布局、按钮、工具类、字体图标等相对独立的模块。此外还提供专为中文排版优化的type.css,可以快速美化文章的排版。

Canvax采用Flash AS3相同的模式来对绘制元素进行抽象,采用OO的模式方便的管理绘制在Canvas上面的每个元素和进行事件绑定和检测触发,解决Canvas开发面对无状态的Canvas画布无从下手的尴尬;独树一帜的心跳包主动渲染机制(不再需要定时器轮询)提升渲染性能;在IE9-中使用FlashCanvas解决Canvas的兼容问题。

Chartx是一套数据可视化解决方案,其底层基于自有canvas渲染引擎Canvax(canvax的基于心跳包的主动渲染机制在图表这样并不需要高帧率的场景中有着非常良好的性能)。能自动适配AMD,CMD,KISSY的模块加载环境。能自动适配到ie6,7,8等低端浏览器。能适配PC,Mobile终端。

Pat 是一个轻量级的指令型模板解决方案,如果你用过 Angular 或者 Vue,应该对指令(directive)这个概念不会陌生,Pat 在 Vue 的基础上结合指令与虚拟 DOM 的优势,实现了一套专注于模板问题的解决方案。

本工具旨在基于脚手架快速创建magix项目,包含初始化,代理服务器,RAP同步本地models,daily部署,cdn发布,view自动生成等

Brix Animation是一个旨在解构复杂序列化动画顺序执行的轻量级框架,通过节点上的bx-animation钩子配置来顺序执行指定动效,配合定义好的css3动效class,以及自定义执行的动画脚本,几乎可以实现所有复杂动效。