【第一趴】初探uni-app(uni-app发行者、uni-app推出背景、为什么选择uni-app)_uniapp是谁开发的-程序员宅基地

技术标签: 面试  前端  vue.js  聚沙成塔【45天玩转uni-app】  uni-app  

写在前面

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

DCloud

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

在这里插入图片描述

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

在这里插入图片描述

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

当下跨平台开发存在的问题

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

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

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

在这里插入图片描述

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

为什么选择uni-app

在这里插入图片描述

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

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

写在最后

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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/JHXL_/article/details/127615204

智能推荐

AD20实用小技巧_ad怎么改封装-程序员宅基地

文章浏览阅读2k次。快捷键:大写G 看左下角。_ad怎么改封装

[Ptrace]Linux内存替换(六)动态链接库函数替换_使用ptrace向已运行进程中注入.so并执行相关函数-程序员宅基地

文章浏览阅读3.6k次。本文在 Linux内存替换(四)代码注入 的基础上,介绍了代码注入替换运行程序加载的动态链接库中指定函数的方法。 网上的一种思路是利用在被注入程序中申请空间存放待注入代码,然后通过修改GOT表函数地址指针实现函数替换;本文介绍的方法利用预先构造好的函数Shellcode直接覆盖动态链接库中指定函数代码实现函数替换。_使用ptrace向已运行进程中注入.so并执行相关函数

升级Xcode10 报错redefinition of module 'CommonCrypto'_xcode commoncrypto-程序员宅基地

文章浏览阅读2.7k次。升级Xcode10 报错redefinition of module ‘CommonCrypto’选中CommonCrypto关联的第三方库的target–Build Settings–Packaging–Module Map File,清空当中的内容即可._xcode commoncrypto

物化视图手动刷新报错:ORA--12008:实物化视图的刷新路径中存在错误,ORA-01706:用户函数的结果值过大_ora-12008-程序员宅基地

文章浏览阅读5.9k次。物化视图手动刷新报错:ORA–12008:实物化视图的刷新路径中存在错误,ORA-01706:用户函数的结果值过大执行语句:BEGINDBMS_MVIEW.REFRESH (list => ‘XXX_MATERIALIZED_VIEW’,Method =>‘C’,refresh_after_errors => True);END;就报上面的错误,排查问题思路,我..._ora-12008

Linux:systemctl控制软件的启动和关闭_systemctl enable 开机启动关闭-程序员宅基地

文章浏览阅读923次。systemctl start | stop | status | enable |disable 服务名。1、systemctl命令:控制Linux系统上软件的启动、关闭、开启开机自启动和关闭开机自启动。_systemctl enable 开机启动关闭

OOM when allocating tensor with shape[300,14,14,256] and type float on /job:localhost/replica:0/tas_when allocating tensor with shape[300,1088,34,34] -程序员宅基地

文章浏览阅读2.6k次。训练mask-R-cnn模型,训练时将model.train(dataset_train, dataset_val,learning_rate=config.LEARNING_RATE,epochs=40,layers='heads')中的layers=‘heads’修改成layers='4+',结果报错OOM when allocating tensor with shape[300,25..._when allocating tensor with shape[300,1088,34,34] and type float on /job:loc

随便推点

用java组件纠偏出租车gps采集点_gps轨迹纠偏算法java-程序员宅基地

文章浏览阅读2k次。用Java组件对出租车GPS采集点进行纠偏随着技术发展,如今对出租车的运营管理也非常精准,运营公司后台通过实时接收出租车的位置信息,对出租车进行运营调度及安全管理。在位置信息数据的处理方面就离不开gis数据基础处理功能与空间分析功能。本文对位置数据的前期预处理做一个详细的讲解。数据准备:原始上海出租车位置信息数据Taxi_105作为示例,依次为出租车id,采集时间,经度,纬度,速度,..._gps轨迹纠偏算法java

6-5 列表推导生成随机数矩阵_编写一个python函数,生成一个m行n列的元素值不大于20的随机数矩阵(二维列表)。 提-程序员宅基地

文章浏览阅读210次。m: 行数,int, 1 < m < 100;n: 列数, int, 1 < n < 100._编写一个python函数,生成一个m行n列的元素值不大于20的随机数矩阵(二维列表)。 提

分布式系统中的限流与熔断-程序员宅基地

文章浏览阅读144次。在应对秒杀、大促、双 11、618 等高性能压力的场景时,限流已经成为了标配技术解决方案,为保证系统的平稳运行起到了关键性的作用。不管应用场景是哪种,限流无非就是针对超过预期的流量,通过预先设定的限流规则选择性的对某些请求进行限流“熔断”。1. 限流  1.1 单机限流    a&gt;&gt;限制并发量import java.util.concurrent.ExecutorS..._分布式系统服务限流熔断

WKID对照表_anguilla 1957british west indies grid wkid:2000-程序员宅基地

文章浏览阅读1.6w次。Projected Coordinate Systems Well-known IDName2000Anguilla_1957_British_West_Indies_Grid2001Antigua_1943_British_West_Indies_Grid2002Dominica_1945_British_West_Indies_Grid2003Grenada_1953_British_West_Indies_Grid2004Montserrat_1958_British_West_anguilla 1957british west indies grid wkid:2000

谁能教教我怎么学单片机,怎么入门?-程序员宅基地

文章浏览阅读600次。大家好,我是张巧龙,本次分享一篇单片机自学教程。文章较长,建议先收藏后再慢慢品尝,肯定会有收货的!0. 写在最前嵌入式学习路径是一个漫长而又有趣的过程,有趣是随着知识的积累感受的成就感,..._学习单片机需要学习哪些课程

一零七二、七夕100个经典H5小游戏 -- 为快乐而生,推荐收藏(附免费源码)_小游戏h5源码-程序员宅基地

文章浏览阅读1.5k次,点赞31次,收藏25次。100在线H5小游戏,来者不拒,在线体验_小游戏h5源码

推荐文章

热门文章

相关标签