DCloud_heavensoft
DCloud_heavensoft
  • 发布:2018-07-24 22:24
  • 更新:2019-05-20 23:46
  • 阅读:93740

HBuilderX和uni-app正式发布

分类:uni-app

更新:uni-app已开源,欢迎star鼓励https://github.com/dcloudio/uni-app

更新:uni-app最新官方培训视频,见腾讯课堂:https://ke.qq.com/course/343370
看完视频,你会对uni-app有更深入的认识。

HBuilderX正式发布

从年初发布新一代HBuilderX公测版起,经历了50个版本迭代,HBuilderX终于发布了正式版!
虽然HBuilderX并不是100%覆盖老HBuilder的功能,从整体来看,HBuilderX已经是比HBuilder更好的开发工具。
HX比HB有五大优势:更流畅、更高效、更现代、更漂亮、更稳定

  • 更流畅:由于基于C++架构而非eclipse或webkit架构,HX在启动速度、大文档打开速度方面远超HB,并在众多开发工具中傲视群雄。
  • 更高效:HX在多光标、无拖动选择、markdown、json、vue开发优化上,有大量的独创新特色,这些优化过的工具使得工作效率提升数倍,同样领先于业内其他工具。
  • 更现代:HX内置node,插件体系大量基于node插件,提供内置终端,对vue、预编译器、webpack、npm命令运行都有良好的支持,这些现代技术栈同样能对开发效率、工程化管理项目有更多帮助。
  • 更漂亮:HX拥有更漂亮简洁的界面,黑色主题也是全屏沉浸的黑色。
  • 更稳定:如果几个月前说HX更稳定肯定是笑话,但今非昔比。老HB经常会在eclipse、java层面爆出一些错误,我们无力解决。但HX上我们可以控制每个环节,不再出现莫名的java错误。同时HX提供了更完善的代码保护,崩溃、断电都能有效保护代码。

从HBuilderX1.2起,所有App开发者需要的功能在HBuilderX里均已补齐(有些操作方式可能有变化,但功能是一样的)。
HX对于偏老的技术栈如jquery的支持确实不如HB,对于后端语言的支持也不如HB。
对于这些环节开发者仍然可以使用HB。
但我们仍然可以认为,HX是更值得前端工程师拥有的利器。
同时HB将逐渐减少更新频率,明年会正式停止更新。

HBuilder系列诞生来,服务了260多万开发者,我们深感荣幸,并终于打破中国人做不好开发工具的魔咒。
未来我们还将继续努力,把HBuilderX打造的更优秀,让中国的前端工程师,开发效率高于全世界!

HBuilderX的下载链接http://www.dcloud.io/hbuilderx.html

uni-app迎来里程碑突破

uni-app,是终极的跨平台框架。因为

  1. 跨的平台更多(Android、iOS、小程序、H5)
  2. 性能体验更好(小程序技术框架和weex加持)
  3. 三方扩展生态更丰富
    即支持小程序sdk又支持原生sdk,大部分sdk厂商都有小程序sdk,也就是大部分sdk都可以直接用于uni-app的扩展生态,而且是原SDK厂商来维护。这意味着uni-app拥有了所有跨平台方案中最丰富的三方生态。开发者不用找原生工程师去封装环信、网易云信等im的原生sdk了,直接用他们的小程序sdk即可。
  4. 开发方式更现代
    vue数据绑定、npm、webpack、各种预处理器
  5. 公有技术,学习成本更低
    掌握uni-app需要学习的是vue的语法,小程序的api,学会这些是理所应当,并不为uni-app额外增加学习成本。

没有其他跨平台方案在这5方面可以与uni-app相提并论!

任何Hybrid方案都不是万能的,选择一种,总是会受到一些限制。
uni-app也有限制,但综合看仍然是最好的跨平台开发方案。

  • 对于开发者个人:不用学习众多轮子,学好一个,什么都会做
  • 对于外包公司:开发一次,给客户交付iOS、Android、小程序、H5多个平台,赚的更多,客户满意度更高
  • 对于自研开发商:做小程序去拉新,转到App里实现留存和高arpu运营,是最精益的创业之道。uni-app可以以最低成本实现日活和arpu值的最大化,并可以覆盖更多流量入口。

而且这些都是免费产品,就更没有不拥抱的理由了。

uni-app开发欢迎加入QQ群,交流学习,向我们反馈意见。由于qq群满的太快,本文不再直接列最新的qq群号,请去uni-app官网左下角查看。
uni-app的官网地址:http://uniapp.dcloud.io/

最后再说下DCloud的文档、技服体系的优化

过去DCloud一些文档做的不够好,已经吸取经验,uni-app的文档比较完善,搜索也更好用。
uni-app的qq群每日数万条消息记录,高度活跃。
DCloud投入专人支持uni-app的技服工作。
官方出品的免费视频教程上线已到腾讯课堂https://ke.qq.com/course/343370
DCloud的插件市场也已上线。

做这些产品和服务不容易,也请多支持我们。
最大的支持,当然是转发本文给朋友喽。让小伙伴们赶紧用起来HBuilderX和uni-app这样的利器!

FAQ

  • Q:uni-app的手机端用户体验怎么样?
    打包成App后的体验和微信小程序一样好,在某些场景下更好。
    其体验优于使用HTML开发的5+app。虽然uni-app使用了vue文件,但vue文件编译到手机上都是js,并且框架层做了自动预载和更快的联网机制,实现了更高的性能体验,尤其是联网的新页面加载速度非常快。
    uni-app还支持nvue,这其实是引入了weex并在js api层面上被uni统一了。nvue的渲染效率更高。
    使用uni-app开发的app,可以发现加载新页面速度极快,动画还没结束时,需要联网下的资源就可以显示了。
    使用uni-app开发的微信小程序,和直接开发微信小程序相比性能没有差别,因为uni-app输出到微信时也是编译为wxml格式。

  • Q:不同平台有自己的特色,uni-app如何在一套代码里兼容?大量写if else吗
    常用api都被uni-app统一了,个性化特色有优雅的条件编译方案。详见
    所有平台的所有能力,都可以在uni-app中使用,不受限制。

  • Q:既然uni-app的App端使用5+引擎,是不是5+的所有强大能力都可以调用?
    是的,包括Native.js、原生sdk扩展都可以用。但注意uni-app的窗体管理是在pages.json里做,不能自己管理窗体,plus.webview的api只有一些webview样式修饰的api可以使用,新建、关闭窗体的api不能用。

  • Q:uni-app支持自己扩展原生功能和离线打包吗?
    支持,同5+sdk。更提供插件云打包。

  • Q:不跨端,只做App或小程序,适合用uni-app吗?或者说uni-app开发和5+App/mui开发有什么区别
    新项目强烈推荐使用uni-app。
    uni-app相比5+App有如下优势:

  1. 性能体验更好,微信小程序的Hybrid方案性能是经得起考验的,支撑起一线开发商用这个技术架构获取了数亿用户。而uni-app的性能比微信小程序整体更好。
  2. 可跨端发布。未来是多端时代,uni-app现在已经覆盖了Android、iOS、微信小程序、H5、百度小程序、支付宝小程序、今日头条小程序。学习和使用uni-app是面向未来的正确选择。
  3. 使用uni-app开发App,由于基于模板和数据绑定,开发代码量比纯5+或mui更小,有更快的开发效率。
  4. 多了weex、小程序生态丰富的sdk等重要部分。
  5. DCloud在全力打造uni-app,这很关键。老项目可以暂不迁移,新项目就不要选5+App了。
  • Q:uni-app支持的手机版本最低到多少?
    Android4.4、iOS8是官方会保障兼容的。
    更低版本其实也能用,但官方发布时不会测试更低版本。另外如果使用flex布局,更低版本不支持的,只能使用传统css布局。

  • Q:uni-app学习难度比mui怎么样?
    vue的语法+小程序的api,都是必备的通用技术。
    如果你不会vue的话,需要学习了解vue。如果你开发过小程序,那组件和api基本不用再学,否则需要学一遍。如果你会vue和小程序开发,那基本没有学习成本。
    没学过vue的同学,也不用掌握vue的全部,只需了解vue基础语法、虚拟dom、数据绑定、组件、vuex,其中关键是理解虚拟dom和数据绑定的思路,不要再沿袭找一个dom元素的id然后js api操作它的思路。
    其他如路由、loader 不用学,cli、node.js、webpack也不需要学。但编译报错时,经常是webpack报错,需要百度查webpack报错信息。

  • Q:uni-app怎么不支持HTML的dom操作?
    uni-app的web-view组件支持load本地HTML页面,所以也是支持dom的。但vue页面里不支持dom。
    如无必要,我们也不推荐使用HTML。
    因为现实是整个前端技术发展在去dom化,微信小程序不支持dom,vue、react也是虚拟dom。
    之所以会这样是因为2点:

  1. 性能。虚拟dom的性能更高。
  2. 开发效率。基于数据绑定的开发,代码量会比操作dom少很多。
    所以作为前端工程师,拥抱和学习新技术是必然趋势,个人习惯应该经常update,活到老学到老。
    至于基于dom的三方库用不了的问题,一方面小程序生态已经起来了,周边的三方库非常多,这些都在uni-app里可直接使用,并且兼容到了app侧。另外确实有必须使用dom的三方库,那就用web-view组件load HTML吧。
  • Q:uni-app使用的flex布局很不习惯
    flex布局是更先进、更通用的布局模式,比如垂直居中,以前写起来很麻烦。
    flex布局还是web和原生通吃的通用布局,使用flex布局做的界面,可以在react native、weex、快应用等平台运行,传统web布局做不到。
    当然如果你不想学flex,还希望使用传统布局,也可以,把app.vue里的全局flex设置去掉就行。
    另注意nvue由于是基于weex的,只支持flex布局。

  • Q:HBuilder会支持uni-app吗?
    uni-app只会在HBuilderX里支持。HBuilder不会新增功能了。并且今年底会停止更新。请开发者尽快完成向HBuilderX的升级。

  • Q:是不是DCloud以后的重点是uni-app,不再演进5+和mui了?
    DCloud重点是uni-app,但uni-app编译到iOS、Android时仍使用了5+引擎,5+引擎仍会积极演进。
    5+引擎近期提供了原生视频、直播、指纹、ibeacon,后续还会继续强化能力。其实5+引擎也已经内置了weex渲染器,只是传统5+app开发模式下无法编译weex代码,只有uni-app里内置的编译器才能正常使用。
    mui作为一个开源ui库,手机上常见的ui控件均已支持,没有什么需要新增的ui控件,本身也许久未更新了。mui过去的一个较大问题是不支持组件化和数据绑定,这部分被挪入了uni-app中。

  • Q: mpvue项目或组件是否可快速迁移到uni-app下?
    是的。详细指南参考http://ask.dcloud.net.cn/article/34945

  • Q:既然uni-app有了nvue,引入了weex,假使只做app不发小程序,是否可以不用vue,所有界面都使用nvue?
    理论上所有界面都可以用nvue,但不建议这么用。
    首先vue页面没那么糟。只有个别场景用nvue作为补充更合适。比如左右拖来拖去的长列表。
    其次weex并没有那么完善,作为局面补充使用更合理,大面积使用时也会遇到很多weex的坑。
    所以各取其优势,避其短处,结合使用是最优方案。

  • Q:uni-app的成熟度怎么样?
    更新:已经十几万案例了。

最后,请认真通读一遍uni-app官网,以及善用uni-app官网的搜索,你的大部分问题都会在文档里。

40 关注 分享
Trust 诺墨 雪之梦技术驿站 [已删除] skysowe jwenlee 郭靖 zhanqi 常山赵子龙 wanghui fx4399 pc_彭 9***@qq.com DigitalYu 一朵浪花 周华飞 ThinkCMF 风雅 8***@qq.com abiu 凭海临风 uniapp视频教程 老哥教教我 1***@qq.com 1***@qq.com hellojh l***@qq.com STANCU sonicsunsky 没得好名字 w***@163.com 8***@qq.com wenju h***@126.com t***@qq.com m***@163.com 川川 1***@qq.com 8***@qq.com 2***@qq.com

该文章目前已经被锁定, 无法添加新评论

1***@qq.com

1***@qq.com

好多文档呀,好多子呀。我们是不是在搞文学研究呀。我们是理科生,程序员。是否可以直接给个打包的例子出来呀。怎么看文档这么蛋疼呀
2019-05-20 23:46
m***@163.com

m***@163.com

阿斯顿
2019-01-14 01:21
hugo_yu

hugo_yu

回复 t***@qq.com :
呵呵。。
2019-01-13 21:32
t***@qq.com

t***@qq.com

回复 独孤雄鹰 :
这话说得不负责任,你不做百度小程序不代表别人不。
2019-01-11 20:14
t***@qq.com

t***@qq.com

回复 hugo_yu :
一个js15m说明你什么都技术都还不会
2019-01-11 20:13
DCloud_HB_WDL

DCloud_HB_WDL

回复 8***@qq.com :
您好,建议您开一个新的帖子,这样才能更快的获取到帮助
2018-12-30 17:51
8***@qq.com

8***@qq.com

保存文件后取出文件列表,按列表循环删除后,删除成功,去 目录看也确实没有了,为何,在去获取,还是会获取到部分数据,获取文件详细信息就报告,不存在,这是为何呢?有啥解决方法
2018-12-30 17:51
独孤雄鹰

独孤雄鹰

uniapp本身的BUG和性能不优化,净整些没用的功能,有多少人会uniapp做百度小程序呢,现在整的app做不好,小程序也做不好
2018-12-26 11:02
c***@163.com

c***@163.com

我是一个java程序员, 说一下用hbuilderx的感受, 功能很强大, 但是对我来说用起来很懵逼, 不知道是我没找到还是文档本来就少,希望官方考虑一下我们这些半吊子前端程序员, 搞一个新手教程出来
2018-12-26 09:58
l***@163.com

l***@163.com

回复 DCloud_heavensoft :
下载的新版,并且发现了其他问题,已经在QQ里提了:align-items的样式丢失。
2018-12-25 17:37