【第一趴】初探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

智能推荐

Bootstrap4总结(1)_bootstrap4的好处-程序员宅基地

文章浏览阅读1k次。一.Bootstrap简介1.什么是BootstrapBootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。2.Bootstrap的来源Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得 W._bootstrap4的好处

[C++]LeetCode208 . 实现 Trie (前缀树)-程序员宅基地

文章浏览阅读264次。208 . 实现 Trie (前缀树)题目:实现一个 Trie (前缀树),包含 insert, search, 和 startsWith 这三个操作。示例:Trie trie = new Trie();trie.insert(“apple”);trie.search(“apple”); // 返回 truetrie.search(“app”); // 返回 falsetrie.startsWith(“app”); // 返回 truetrie.insert(“app”);tr

阶乘和(高精度算法)_阶乘和高精度-程序员宅基地

文章浏览阅读6.6k次,点赞6次,收藏12次。(对于自然数N的阶乘,当N比较小时,可以32位整数int范围内准确表示 。例如12!=479001600<2147483647(231-1) 而20!=2432902008176640000<9223372036854775807(263-1)可以在64位整数long long int范围内准确表示 ,但是N取值更大时,N!只能使用浮点数计算,从而产生误差 )题目描述已知正整数N(N..._阶乘和高精度

emwin自定义字库-程序员宅基地

文章浏览阅读638次。一.用到软件  1.FontCvtST.exe  2.U2C.exe  下载地址:https://i.cnblogs.com/Files.aspx二.转换1.新建文本文档,在文本文档中写入所需要用的字或词语,注意:根据用到的字或者词语,每个换行,方便后面使用,如下图2.将文本文档另存为UNICODE格式的新文本文档,备用;并将原文档再另存为UTF-8格式的新文..._st emwin修改字库

vue-cli 设置网页左上角icon图标_vue项目页面左上角小图标怎么修改-程序员宅基地

文章浏览阅读9.8k次,点赞4次,收藏4次。把.ico文件放在根目录下的static文件夹下,然后link标签引入 <link rel="shortcut icon" href="./static/favicon.ico">_vue项目页面左上角小图标怎么修改

ip-guard V4加密原理更新成驱动层加密_ip-guard原理-程序员宅基地

文章浏览阅读1.5k次。V3应用层加密应用层透明加密技术俗称钩子透明加密技术。这种技术就是将两种技术(应用层API和Hook)组合而成的。通过windows的钩子技术,监控应用程序对文件的打开和保存,当打开文件时,先将密文转换后再让程序读入内存,保证程序读到的是明文,而在保存时,又将内存中的明文加密后再写入到磁盘中。应用层透明加密(钩子透明加密)技术与应用程序密切相关,它是通过监控应用程序的启动而启动的。V4驱动层加密基于windows的文件系统(过滤)驱动(IFS)技术,工作在windows的内核层。当应用程_ip-guard原理

随便推点

React路由 报错 ‘Switch‘ is not exported from ‘react-router‘.-程序员宅基地

文章浏览阅读722次。配置 路由 报错 'Switch' is not exported from 'react-router'.npm uninstall react-router-domnpm install [email protected]

利用tushare实现选股_tushare 选股-程序员宅基地

文章浏览阅读1.1k次,点赞2次,收藏7次。ID:399899量化交易中,首先要弄好的就是选股。然后在才是买卖策略的制定。不同类型的策略,选股思路也不相同。俗话说得好,不管黑猫白猫,抓到老鼠的就是好猫。一个好的选股策略,往往在量化中是起较为关键的作用的。要实现程序化选股的话,数据又是一个前提。要有数据才能去实现编写程序。数据来源有很多,可以去爬取,也可以去股票交易网站下载。当然也有一些接口可以提供数据。常见的接口有tushare、baostock、akshare在这里我以一个简单的选股案例,为大家介绍一下使用tushare接口使用tush_tushare 选股

Gin框架使用Casbin进行用户权限校验_gin 的权限校验-程序员宅基地

文章浏览阅读3.7k次,点赞2次,收藏10次。以下是测试项目目录一、配置modelconf/casbin_rbac_model.conf# 请求[request_definition]r = sub,obj,act# sub ——> 想要访问资源的用户角色(Subject)——请求实体# obj ——> 访问的资源(Object)# act ——> 访问的方法(Action: get、post...)# 策略(.csv文件p的格式,定义的每一行为policy rule;p,p2为policy rule的名字。)_gin 的权限校验

OKR制定与实施:团队OKR众筹策略_运营okr的制定与实施-程序员宅基地

文章浏览阅读319次。例如,一个团队有20个人,其中有2个员工在共同做A业务,3个员工在共同做B业务,5个员工在共同做C业务,剩下10个员工在共同做D业务,那么可以基于业务相关性将这20个员工分成A业务研讨组、B业务研讨组、C业务研讨组和D业务研讨组,这样,在步骤2目标众筹时,就以A、B、C、D 4个研讨小组为单位,邀请其输出3~5个团队OKR,然后团队主管再基于所有小组贡献的团队OKR进行投票表决,形成团队的OKR。通过这种方式,大大增强了团队成员对团队目标的共识程度,团队目标真正变成了大家共同的目标,而不再只是主管的目标。_运营okr的制定与实施

SSM项目静态资源访问不到解决方法-程序员宅基地

文章浏览阅读3.8k次,点赞3次,收藏21次。ssm框架搭建静态资源访问不到的问题ssm框架中静态资源的访问不到解决方法静态资源访问报404解决办法原因:如果在web.xml中有对spring的DispatcherServlet请求url映射有如下配置 <servlet> <servlet-name>springmvc</servlet-name> <servlet-cla...

二叉树(Java实现)_java二叉树-程序员宅基地

文章浏览阅读1.5w次,点赞33次,收藏210次。声明:本文部分文章取自于Java中关于二叉树详解_来学习的小张的博客-程序员宅基地_java 二叉树原理更多关于二叉树详情可以点击上面链接一:树形结构树是一种非线性的数据结构,它是由n(n>=0)个有限结点组成一个具有层次关系的集合。把它叫做树是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的。它具有以下的特点:有一个特殊的节点,称为根节点,根节点没有前驱节点; 除根节点外,其余节点被分成M(M > 0)个互不相交的集合T1、T2、......、Tm,其中每一个_java二叉树

推荐文章

热门文章

相关标签