HBuilder:最快的Web开发IDE
HBuilder:最快的Web开发IDE
从Frontpage、Dreamweaver、UE,到Sublime Text和JetBrains的WebStorm,Web编程的IDE已经更换了几批。HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。”问到HBuilder的优势时,DCloud CEO王安表示。
HBuilder
在HBuilder里预置了一个hello HBuilder的工程,用户敲这几十行代码后会发现,HBuilder比其他开发工具至少快5倍。“最全的浏览器兼容性数据、开发手机App等很多特点也都是HBuilder强于竞品的地方”,王安表示。
以“快”为核心的HBuilder,引入了“快捷键语法”的概念,巧妙地解决了困扰许多开发者的快捷键过多而记不住的问题。开发者只需要记住几条语法,就可以快速实现跳转、转义和其他操作。比如alt+[是跳转到括号,alt+’是跳转到引号,alt+字母是跳转菜单项,而alt+左则是跳转到上一次光标位置。而Ctrl则是各种操作,比如ctrl+d就是删除一行。shift则是转义,比如shift+回车是<br/>,shift+空格是 。
另外,HBuilder的生态系统可能是最丰富的Web IDE生态系统,因为它同时兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。
HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。但因为Java效率太低,所以用C写了启动器。HBuilder柔和的绿色界面设计需要动态调节屏幕亮度,它还支持手机数据线真机联调,而这些都是用C写的。
HBuilder很多界面,比如用户信息界面都是使用Web技术来做的,既漂亮,开发起来又快。最后,代码块、快捷配置命令脚本,都是用Ruby开发的。
“这4种技术各有各的用途,我们团队内部也灵活运用,HBuilder的架构支持不同的技术互相融合通信。至于我们的技术选型原则,首先满足用户需求,然后我们内部用什么技术能更快完成就会选什么技术”,王安解释道。
最大的难题:js解析
HBuilder第一个版本发布到现在,DCloud以每周一版的速度已经发布了20多个版本。主要更新包括支持边看边改、插件安装、App打包平台开放、代码块自定义开放。“但是最主要的工作还是在努力把亮点做到极致,从第一个版本发布,我们能提升一倍的web开发效率,到现在可以提升5倍”王安说道。
DCloud在开发HBuilder的过程中遇到了不少难题,比如 web语法库和浏览器兼容库的建立,从W3C的HTML、JavaScript、CSS的正式标准和推荐标准,到ECMAScript中浏览器支持的部分,还有各大浏览器的扩展语法,Webkit、moz、ms的HTML、JS、CSS, 想集齐这些语法,不仅仅是工作量的问题。而每个语法在每个浏览器的每个版本上是否能运行,得到这个数据也是前人未能突破的挑战。还好这个难题目前已经被解决。
“当前困扰我们最大的难题还是js解析”王安坦言道。
目前其他开发工具都不能有效的识别代码里的js对象,要不没有提示,要不全提示,甚至有的随意提示用户输入过的词。而DCloud在识别用户写的js方面下了很大的功夫,比如var e = document.getElementById("e"),e或许是一个div也可能是input,那么e设置属性时,就需要准确识别e到底是什么,才能给出有效精准的提示。
“我们已经克服了很多挑战,即使很复杂的写法document.querySelector("div:not(#a1) .class1"),HBuilder也知道这个对象到底是什么”。
当然把精准识别做到极致,必然带来一个烦恼,就是性能下降。当用户快速敲代码时,无法接受延迟提示,也就是说,复杂的识别运算要在毫秒级完成,这种挑战非常大。为此需要不停的优化算法甚至重构。“目前我们还在路上艰难前行,但我们相信终究会克服这个挑战,届时开发者们将得到又快又准的提示,而我们也给竞品铸造了难以超越的壁垒”,王安表示。
目前Web开发领域格局
目前主流的前端开发工具有Sublime为代表的文本编辑器,以及Webstorm、Brackets、Dreamweaver、vs等IDE。但说道为HTML5设计或做了特殊优化的,只有HBuilder、Webstorm和Brackets。从用户群和优缺点角度,主流的开发工具总结如下表(仅收集小部分开发者的意见,如对工具有更多看法,欢迎评论):
文本编辑器以轻快方便的特点获得了很多用户的喜爱,但商业项目的编写缺少IDE还是会很低效。IDE相比文本编辑器最大的特点是拥有语法引擎,能够识别语言。
Mobilehub:HBuilder主页
HBuilder申请试用地址
(责编/翟方庆)
转载于:https://www.cnblogs.com/dingyuanxin/articles/3969008.html
HBuilder:最快的Web开发IDE相关推荐
- Web开发工具之HBuilder初探
工欲善其事,必先利其器.作为一名web前端开发者,我们要想工作得心应手,势必离不开顺手的工具.Hbuilder作为web编辑器的新秀就是这样一个利器.下面来一探究竟. HBuilder是DCloud推 ...
- Web前端:面向Web开发人员的顶级JavaScript开发工具和IDE
JavaScript是最流行的编程语言并且受到所有浏览器的支持,增强了用户与网页的交互.也就是说,许多JavaScript IDEs现在提供智能课程完成和实时消除错误. 这些有效的工具带有精确的语 ...
- 51CTO专访人人网黄晶:WEB开发需要随需应变(2)
51CTO专访人人网黄晶:WEB开发需要随需应变(2) http://developer.51cto.com 2010-04-27 16:33 彭凡 51CTO 我要评论(0) 在2010年4 ...
- 追新求快的时代,别让 Java Web 开发必备工具 Tomcat 变成“熟悉的陌生人”!
作者 | 码哥字节 来源 | MageByte技术团队 Tomcat 发展这么多年,已经比较成熟稳定.在如今『追新求快』的时代,Tomcat 作为 Java Web 开发必备的工具似乎变成了『熟悉的陌 ...
- PHP快还是HTML快,PHP_HTML-加速、再加速,web开发人员是否必须掌握复杂 - phpStudy...
HTML-加速.再加速 web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度?答案是:不一定!实际上,有许多关于HTML与DHTML方面的技巧,它们原理简单而且上手容易.无论是技术高 ...
- jsp快到截止日期字体颜色变色_jsp页面中字体变色问题 - Java / Web 开发
jsp页面中字体变色问题 - Java / Web 开发 [@title] function diyCheck(){ var fm = document.frmMain; s1=fm.YEAR.val ...
- web开发方法_确保进入Web开发的最快方法
web开发方法 做很多项目. (Do lots of projects.) I'm not kidding, it's really that simple. If you've internaliz ...
- 简单介绍一下web开发中用到的一些技术
一.标准通用标记语言(SGML) 1.HTML 即超文本标记语言(HyperText Markup Language),超文本指页面内可以包含图片.音乐.链接甚至程序等非文字元素,如果只用HTML则只 ...
- java web开发初学_2018年学习Web开发的绝对初学者指南
java web开发初学 This post was originally published on Coder-Coder.com. 该帖子最初发布在Coder-Coder.com上 . If yo ...
最新文章
- Spring+MyBatis 多数据源配置和切换
- java是很厉害的么_java总是很强大吗?
- 谁是谷歌想要的人才:智商高不见得总是好员工
- sklearn自学指南(part28)--双向聚类
- ajax header的bearer token验证
- ICCV2021 workshop 多视角残缺点云的补全与配准
- VNPY价差交易模块
- lol服务器是用什么系统,能玩lol的云服务器
- linux进入bios设置超线程,从BIOS开启超线程的方法
- Learned Bloom filter
- 图片文字识别OCR调研-中文
- mysql 1677_mysql之数据库主从复制配置报错1677
- 入选腾讯区块链加速器全球32强,智谷星图推动区块链产教融合
- 微信小程序 map 自定义地图数据,实现方式+思路+代码(最简易的实现方式)
- 大数据分析数据分析师培训学什么
- 关于程序员做副业这事
- Android Tablayout 指示器长度修改
- java 操作 cfs_Lucene 打开cfs文件 并获取数据
- 数据分析常用方法思路算法
- STM32F030F4P6 IIC HAL库驱动CH455G