聚沙成塔【45天玩转uniapp】初探uniapp

聚沙成塔——每天进步一点点&＃xff0c;大家好我是几何心凉&＃xff0c;不难发现越来越多的前端招聘JD中都加入了uni-app 这一项&＃xff0c;它也已经成为前端开发者不可或缺的一项技能了&＃xff0c;所以凉哥为大家推出 聚沙成塔【45天玩转uni-app】专栏&＃xff0c;帮助大家对 uni-app 进行学习和理解&＃xff0c;uni-app可以通过一套代码多端发行&＃xff0c;相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花&＃xff0c;妥妥加分项&＃xff1b;快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧&＃xff01;

首先让我们先来了解一下 uni-app 发行者——DCloud&＃xff0c;可能很多人对 DCloud 比较陌生&＃xff0c;但是 DCloud 公司对于前端做出的贡献可谓是潜移默化&＃xff0c;不世之功&＃xff1b;很多人以为小程序是微信先推出的&＃xff0c;其实&＃xff0c;DCloud才是这个行业的开创者。DCloud于2012年开始研发小程序技术&＃xff0c;优化webview的功能和性能&＃xff0c;并加入W3C和HTML5中国产业联盟&＃xff0c;推出了HBuilder开发工具&＃xff0c;为后续产业化做准备。2015年&＃xff0c;DCloud正式商用了自己的小程序&＃xff0c;产品名为“流应用”&＃xff0c;它不是B/S模式的轻应用&＃xff0c;而是能接近原生功能、性能的App&＃xff0c;并且即点即用&＃xff0c;第一次使用时可以做到边下载边使用。为将该技术发扬光大&＃xff0c;DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟 (opens new window)&＃xff0c;并推进各家流量巨头接入该标准&＃xff0c;开展小程序业务。360手机助手率先接入&＃xff0c;在其3.4版本实现应用的秒开运行。

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。在2015年9月&＃xff0c;DCloud推进微信团队开展小程序业务&＃xff0c;演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例&＃xff0c;以及分享了webview体验优化的经验。微信团队经过分析&＃xff0c;于2016年初决定上线小程序业务&＃xff0c;但其没有接入联盟标准&＃xff0c;而是订制了自己的标准。DCloud持续在业内普及小程序理念&＃xff0c;推进各大流量巨头&＃xff0c;包括手机厂商&＃xff0c;陆续上线类似小程序/快应用等业务。部分公司接入了联盟标准&＃xff0c;但更多公司因利益纷争严重&＃xff0c;标准难以统一。技术是纯粹的&＃xff0c;不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。既然各巨头无法在标准上达成一致&＃xff0c;那么就通过这个框架为开发者抹平各平台差异。这就是uni-app的由来。因为多年积累&＃xff0c;所以DCloud拥有800多万开发者&＃xff0c;并不意外&＃xff0c;因为DCloud一直都有小程序的iOS、Android引擎&＃xff0c;所以uni-app的App端和小程序端保持高度一致&＃xff0c;并不意外&＃xff0c;因为DCloud在引擎上的持续投入&＃xff0c;所以uni-app的App端功能、性能比大多数小程序引擎都优秀&＃xff0c;并不意外&＃xff0c;因为DCloud对各家小程序太了解了&＃xff0c;所以做好抹平各端差异的跨端框架&＃xff0c;并不意外。

DCloud 公司 CEO 王安是 HTML5 中国产业联盟发起人之一&＃xff0c;在手机刚能写程序的时候、在还没有移动互联网这个词的时候就扎进这个行业的老兵。王安在一次参访中表示 DCloud公司是围绕着HTML5做产品&＃xff0c;有增强引擎&＃xff0c;才能够做出很好的应用&＃xff0c;有发行渠道流应用。希望在未来和大应用市场合作&＃xff0c;最终打通用户和开发者之间的通路。助力开发者成本节约的同时效率提升&＃xff0c;用户能够有更加省时省力更便捷的体验。HTML5一定会有更精彩的未来&＃xff0c;火爆到这个世界大多数应用都是基于H5发行的运用&＃xff0c;这是我们的一个愿景来做这个事情。

1、多端泛滥&＃xff1a;那我们能够联想到前端目前的覆盖端设备太多了&＃xff0c;iOS、Android、Web、H5、以及各种小程序&＃xff08;微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝&＃xff09;相信后面还会有更多的小程序和快应用被发布出来&＃xff0c;那么随着这种多元化的端&＃xff0c;想要覆盖被分散的多端用户开发公司势必要加大运营成本&＃xff0c;这也导致我们前端工程师的学习成本提高&＃xff0c;毕竟与时俱进多掌握一端的开发技术才能让我们更具竞争力&＃xff1b;

2、体验不好&＃xff1a;我们既然适配多端注定是为了减少开发成本 编码成本&＃xff0c;这样一来很多跨端技术开发出的应用在用户体验上比较差劲&＃xff1b;

3、生态不完善&＃xff1a;很多跨端技术的学习成本比较高也就是我们通俗的比较难学&＃xff0c;就导致技术的使用者较少那么自然这项技术的生态就会不够丰富&＃xff0c;毕竟没有使用者就没有收益&＃xff0c;也没有更多的问题被发现也就没有提升和完备的机会&＃xff1b;

DCloud 推出的 uni-app 规避这些缺陷为开发者们提供更优质的服务&＃xff1b;uni-app 能够跨更多端&＃xff0c;真正做到一套代码多端发行&＃xff0c;不再需要对各端代码并行维护和升级&＃xff0c;而且 uni-app 具备条件编译&＃xff0c;可以优雅的在一套代码中调用不同平台的特色功能&＃xff1b;体验更好&＃xff1a;组建、API与小程序一致&＃xff0c;兼容 weex 原生渲染&＃xff0c;既可以提升体验又不会被 weex 所限制&＃xff0c;通用技术栈&＃xff0c;学习成本更低&＃xff1a;Vue的语法、微信小程序的API&＃xff0c;内嵌mpvue&＃xff0c;也就是说如果你会Vue和微信小程序&＃xff0c;你就可以直接上手 uni-app 如果你还不会这两个建议快速去了解一下&＃xff0c;毕竟非常主流的两门技术&＃xff1b;开放生态&＃xff0c;组件更丰富&＃xff1a;支持通过 npm 安装第三方的包&＃xff0c;支持微信小程序自定义组件及SDK&＃xff0c;兼容mpvue组件及项目&＃xff0c;app端支持和原生混合编码&＃xff0c;DCloud 的插件市场&＃xff1b;

开发者/案例数量更多 数百万应用、uni统计月活12亿、70&＃43;微信/qq群、更高的百度指数跨端完善度更高&＃xff0c;真正落地的提高生产力&＃xff1b;平台能力不受限 在跨端的同时&＃xff0c;通过条件编译&＃43;平台特有API调用&＃xff0c;可以优雅的为某平台写个性化代码&＃xff0c;调用专有能力而不影响其他平台。支持原生代码混写和原生sdk集成。性能体验优秀 加载新页面速度更快、自动diff更新数据。App端支持原生渲染&＃xff0c;可支撑更流畅的用户体验。小程序端的性能优于市场其他框架&＃xff1b;周边生态丰富 插件市场数千款插件。支持NPM、支持小程序组件和SDK。微信生态的各种sdk可直接用于跨平台App&＃xff1b;学习成本低 基于通用的前端技术栈&＃xff0c;采用vue语法&＃43;微信小程序api&＃xff0c;无额外学习成本&＃xff1b;开发成本低 不止开发成本&＃xff0c;招聘、管理、测试各方面成本都大幅下降。HBuilderX是高效开发神器&＃xff0c;熟练掌握后研发效率至少翻倍&＃xff08;即便只开发一个平台&＃xff09;。下篇就会大家介绍这款 uni-app 绝配的开发神器。

现在&＃xff0c;uni-app已经是业内最风靡的应用框架&＃xff0c;支撑着12亿活跃手机用户的庞大生态。世界兜兜转转&＃xff0c;当你踏出第一步时&＃xff0c;随后很多事不会按你的预期发展。但只要你不忘初心&＃xff0c;你想要的那个目标&＃xff0c;最终会换个方式实现。DCloud的初心是什么&＃xff1f;为开发者提供免费、高效的开发工具&＃xff0c;让天下没有难做的应用&＃xff0c;改进应用形态&＃xff0c;让用户更方便的获取数字服务。

本篇的内容就到这里了&＃xff0c;欢迎大家订阅本专栏&＃xff0c;跟随博主一起来学习 uni-app 吧&＃xff0c;相信可以通过本专栏的学习&＃xff0c;你也可以通过编写一套代码发布出自己的多端应用&＃xff0c;相信他能够成为你毕设、求职项目中的亮点技术和产品&＃xff1b;如果你想学习本专栏可以在文章末尾添加我进群一起学习交流&＃xff01;