这里给大家介绍一下目前我认为最好用的一个开发框架 uni-app
然后分为下面几个部分给大家略微讲解一下这个uni-app

  • 了解uni-app的发展背景
  • 掌握uni-app开发环境配置
  • 掌握uni-app项目目录结构及功能
  • 掌握uni-app应用如何运行在不同平台
  • 掌握uni-app如何打包
  • 了解uni-app应用如何发布

1.1 uni-app的发展历程

uni-app是什么?可以用来做什么?

uni,读作youni,统一的意思。DCloud(数字天堂(北京)网络技术有限公司)基于Vue.js开发的前端应用框架,开发者写一套代码,就能发布到iOS. Android、 H5、以及 各种小程序平台。

uni-app的由来

  • 2012年,DCloud开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备
  • 2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是B/S模式的轻应用,而是能接近原生功能、性能的动态App,并且即点即用。为将该技术发扬光大,DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟,并推进各家流量巨头接入该标准,开展小程序业务。
  • 360手机助手率先接入
  • 大众点评、携程、京东、有道词典、唯品会
  • 2015年9月,DCloud推进微信团队开展小程序业务,演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例,以及分享了webview体验优化的经验。
  • 2016年微信初决定上线小程序业务,但其没有接入联盟标准,而是订制了自己的标准。
  • DCloud持续在业内普及小程序理念,推进各大流量巨头,包括手机厂商,陆续上线类似小程序/快应用等业务。
  • 部分公司接入了联盟标准,更多公司因利益纷争严重,标准难以统一。
  • 当技术被资本绑架时,就是程序员的末日。
  • 造成混乱的局面非DCloud所愿,他们决定开发一个免费开源的框架。
  • 既然各巨头无法在标准上达成一致,那么就通过这个框架为开发者抹平各平台差异。
  • 所以uni-app诞生了

这是DCloud的初衷吗,其实并不是,uni-app只是小程序标准化无法实现后,无奈下产生的替代方案而已,是技术对资本妥协的产物。

不过没办法,**世界兜兜转转,当你踏出第一步时,随后很多事不会按你的预期发展。但只要你不忘初心,你想要的那个目标,最终会换个方式实现。

未完待续…

学好uni-app让自己变得靠谱相关推荐

  1. 切换 uniapp_万能前端框架uni app初探03:底部导航开发

    前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...

  2. uni app map 地图 漂浮问题及方案

    uni app map 地图 漂浮问题及方案 文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...

  3. uni.app H5(微信公众号定位) uni.getLocation

    最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...

  4. HBuilder X ——Uni app 学习笔记(一)

    HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...

  5. uni app中使用图表

    关于在uni app中运用图表 今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...

  6. uni app 自动化索引列表

    uni app 自动化索引列表,官方推荐的第三方插件 https://ext.dcloud.net.cn/plugin?id=375 [{"letter": "A&quo ...

  7. HbuilderX:uni app踩坑之uView-ui

    HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...

  8. uni App+H5 实现人脸识别

    uni App+H5 实现人脸识别 通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...

  9. uni app 视频播放功能

    视频播放功能,需求:编译成纯h5网页,运行在任意容器里,如浏览器.安卓原生和iOS等 媒体组件video 首先使用video组件,然后高度需要自己设置 uni.createVideoContext 官 ...

  10. uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱

    一.问题如下 最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图 二.解决方法 1.让其在输入框获取焦点时隐藏 百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...

最新文章

  1. 使用PHP往Windows系统中添加用户
  2. python散点图显示数据_Python数据可视化——散点图
  3. BML CodeLab重磅更新:在Windows上可原生Linux AI开发
  4. Android开发之通过WebView查看HTML源码的方法
  5. python 音速_中国大学MOOC的APP(慕课)2021用Python玩转数据章节答案
  6. pom文件报错,错误如下:(org.apache.maven.project.MavenProject,org.apache.maven.archiver.MavenArchiveConfigurat
  7. jsp mysql事务锁,JSP操作数据库的事务回滚
  8. 原来这就是Java中的模板设计模式,太easy太实用了!
  9. SPOJ QTREE4 Query on a tree IV ——动态点分治
  10. php识别二维码内容
  11. Richpedia: A Large-Scale, Comprehensive Multi-Modal Knowledge Graph
  12. 流量不清零、可转赠,对运营商未必是坏事
  13. 【声卡宿主】ProTools 2021.7.0使用安装教程
  14. QA问答系统总体介绍
  15. android webview设置分辨率,Android WebView 设置参考
  16. 【一】HTML:标题注释,段落换行,格式化、div、span标签
  17. npm install的时候报错 npm err code 1
  18. Fedora 10下制作U盘启动盘(165.7MB)
  19. 生产者消费者模式最佳实践
  20. EEPROM的存储大小

热门文章

  1. 一文读懂5G基站节能技术
  2. 使用 React 和 Threejs 创建一个VR全景项目
  3. 为什么你需要U-Mail邮件网关上万能安全锁
  4. 解决WIN10 10122 Itunes识别iPhone
  5. 沐风老师3DMAX藤编沙发椅子建模详解
  6. java jdk win2003_windows java jdk安装
  7. 计算机中事件代表什么意思,在电脑事件中有登录过程advapi是什么意思
  8. 2.9 直接/间接引语 - 宾语从句 need 实义动词/情态动词
  9. linux网络视频流转换,Linux下安装ffmpeg--流媒体视频转换工具
  10. 计算机vb常用计算公式,计算机等级考试二级VB常用函数解析