授权协议: BSD
操作系统: 跨平台
收录时间: 2017-03-14
提 交 者: 点融开源

HERO 是一个移动跨平台开发方案。

类似产品对比

解释上述表格

  • 性能 react native和weex界面表现层是原生的,但是构造元素本身的操作,和元素的所有逻辑在js中,导致性能有影响。小程序还有一个h5 canvas转原生性能莫名其妙的慢的问题。Hero中元素的所有操作都在原生代码中,只有业务明确需要某个操作结果才会调用到js代码。

  • 布局能力 CSS几乎可以表示一切形式的界面,无设计语言约束,但是最终效果有时候与平台的冲突会造成编程的困惑与体验的变差,react native 和weex的css依赖webview的渲染,再将结果发送给原生导致性能损失很大。微信在自家产品中的约束样式反而还不错。Hero是另辟蹊径定义了一套扩展后的frame布局,并且在各平台原生实现这套方案,布局能力达到并兼容原生app。

  • 设备能力 微信提供了有限受控的设备能力,其它皆有完全的设备能力(系统支持)

  • 开发成本 由于react native开发门槛较高,学习曲线很陡,特别是对移动开发人员,很难适应web开发模式,而web工程师对iOS本身的接口不熟悉,很难做出原生体验的app出来,weex应该也类似。还有不管是react native 还是weex所开发出来的页面不是完全跨平台的,它们只是开发方式是跨平台的,具体页面还是要分开开发。导致开发人员需求依旧那么多,甚至更多。而hero是一种依赖 定义<->实现 的开发方案,所开发的界面是平台无关的,再加上统一的元素定义格式,对于具体的页面开发人员来说,只是在配制显示的元素,非常简单。

  • 开发工具 目前Hero的开发没有限定开发工具,sublime和atom都可以,调试就在chrome里面调试web页面就好了。集成编码、调试、托管服务端的Hero开发者工具正在开发过程当中。开发者工具本身也是用hero框架开发,目录在hero-js/heroapp当中。只需要切换到heroapp目录,使用nwjs .即可打开预览版本。

  • 框架代码量 hero框架技术上并不复杂,核心逻辑代码不过200行。

  • 入门难度 Hero框架中只有一个固定的controller,其它全部都是element,相比其它的MVP、MVVM、MVC有着复杂的逻辑关系,Hero中的模式就是* e , *ee,  eeeeee...,通通都是element,controller除了用来显示element,给element传递json数据之外就没有额外的逻辑了。element 中只有一个函数处理json对象,除此之外再无其它接口。每个element 都是绝对独立的,与其它元素毫无瓜葛。这样开发、测试元素都是及其简单的。

Hero 框架图

Hero CoreHero extendHero App

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

Hero Solution 的相关资讯

还没有任何资讯

Hero Solution 的相关博客

[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"> //...

JS 有趣的JS

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

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

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

javascript笔记(JavaScript_Core电子书)-JavaScript基础

/** * 基本数据类型 * js指包含五种数据类型:字符串、数字、布尔、NULL对象、undefined */ var str = "Hello JavaScript"; ...

Hero Solution 的相关问答

还没有任何问答,马上提问

评论 (7)

加载中
咋这么不要脸呢
2018/06/14 10:42
回复
举报
打分: 推荐
有没有详细的文档,这点文档有点琢磨不清楚
2017/05/17 18:06
回复
举报
我说咋那么熟悉了,原来著名的Nodejs写的博客名字是hexo
2017/03/16 11:59
回复
举报
打分: 力荐
有交流群吗
2017/03/16 11:49
回复
举报
真么牛逼吗?我表示怀疑呀
2017/03/16 00:44
回复
举报
打分: 推荐
跑起来,看到了,牛逼
2017/03/15 12:26
回复
举报
点融开源软件作者
打分: 力荐
超酷的跨平台移动开发框架。
2017/03/15 09:33
回复
举报
更多评论
7 评论
50 收藏
分享
在线直播报名
返回顶部
顶部