　　uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

　　今天有空就来介绍一下uni-app这个能够跨平台开发，并且一套代码可以适配多端的开发方案。uni-app是dcloud公司推出的，旨在解决现在前端开发的诸多矛盾。比如多端泛滥、其他跨平台体验不佳以及推出力度不够，社区不健全等。

　　现在的前端工程师，已经今非昔比，会一些css和js已经很难满足现在的市场需求了。数据库、操作系统、微信小程序、app开发以及数据结构和算法都已然成了前端的标配技术，相信身为前端工程师的你已经深有体会。我写这篇博客的初衷就是基于前不久公司接的新项目，公司的需求很简单，就是用当前仅有的人手短时间来编写出同时满足android和微信小程序的代码。时间紧任务重。在经过了一段时间的技术选型之后，定格到了uni-app这个框架，

　　如果你也遇到了像我一样的需求或者愿意接受一些新的东西可以进一步了解uni-app，接下来我来简要说说uni-app的特点。

1.uni-app的语言特点

　　uni-app语言结合了vue和微信小程序的语言特点，首先它是使用了vue的框架，在template中更像是微信小程序的语言，如果已经掌握了这两个前端通用技术栈，那么可以很平滑的学习uni-app来开发。

2.uni-app文件内架构变化

　　先来一张图来看看uni-app文件内架构变化

　　因为需要多端支持，所以浏览器专用的window、document、navigator、location对象，只有在h5中才有效，app和小程序都不支持。uni-app的生命周期既包含了vue的生命周期也包含小程序的生命周期。

3.跨端兼容与条件编译

　　由于每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。在C语言中，通过 #ifdef、#ifndef 的方式，为 windows、mac 等不同 os 编译不同的代码。 uni-app 参考这个思路，为 uni-app 提供了条件编译手段，在一个工程里优雅的完成了平台个性化实现。

　　示例，如下代码仅在 5+App 下出现:

　　示例，如下代码不会在 H5 平台上出现：

4.支持uni-app的编辑器

　　HbuilderX几近完美的支持uni-app框架，如果你想使用此框架，那么不妨下载一个HbuilderX

5.uni-app的社区

　　最后说到uni-app的社区，由于uni-app还比较新，社区还不是特别大，但是社区和插件市场还是比较踊跃的，相信这么好的东西在不久之后用的人会更多！

原创博客：转载请注明vue加载优化策略

转载于:https://www.cnblogs.com/vadim-web/p/10750391.html

uni-app — 一套前端开发跨平台应用的终极解决方案相关推荐

tab选项卡转换html,前端开发tab选项卡切换各种解决方案
前端开发软件ide| tab切换,做前端的各位大神再熟悉不过,因为运用的场合太多,所以大家可能都不屑于去关心了.不晓得大家遇到这种时是自己马上梳理逻辑写一次呢,还是用已有的模板或自己的库,今天我对自己 ...
前端开发跨平台的构架GSOAP
前言:此文叙述了跨平台GSOAP,并对多线程在服务器上的实现做举例做了介绍 gSOAP是一个夸平台的,用于开发Web Service服务端和客户端的工具,在Windows.Linux.MAC OS和U ...
uni app video、视频播放开发
视频播放有3种解决方案,使用HTML5的自带video.从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js. HTML5自带video标签,可以播放符合 ...
使用框架开发直播系统app源码前端，UniApp知识汇总
UniApp是直播系统app源码前端开发使用的一个框架,安卓端.iOS端和各种小程序的前端开发都可以使用它.UniApp很好上手,直播系统app源码使用它开发前端后,几乎不再需要使用其他框架,可以减少 ...
前端开发初级成长计划 v1 - 概述
1. 欢迎通过<前端开发初级成长计划 v1>,你将获得 HTML,CSS 和 JavaScript 的代码编写经验,学习如何通过 Git 命令来保存你的代码,以及使用 Node.js 为 ...
前端开发入门：H5页面需要学什么？
H5需要做什么?很多人千锋广州前端老师这个问题,而问这个问题的人基本上都是刚听说过H5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过自己的努力做出这些页面,而这些页面 ...
前端开发体系建设日记
前端开发体系建设日记 · Issue #2 · fouber/blog https://github.com/fouber/blog/issues/2 上周写了一篇文章介绍前端集成解决方案的基本理 ...
2019 年，学习WEB前端开发应该关注哪些新技术
随着近年来前端的一波又一波技术浪潮,前端早已经告别了切图的时代,迎来的是规模化,工程化的大路.但是在如此多变的技术浪潮下,我们如果想成为成熟的前端开发工程师,走上专业化的开发道路,我们都需要学会哪些技 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...

uni-app — 一套前端开发跨平台应用的终极解决方案