我是靠谱客的博主 笨笨紫菜,最近开发中收集的这篇文章主要介绍uni-app(从零开始),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

uni-app(从零开始)

uni-app 是什么?

  • uniapp 就是使用Vue.js技术开发所有前端框架的跨端框架
  • uniapp 就是可以将一套代码 发布到多个平台

uniapp 和 Vue 的关系?

  • uniapp是基于vue进行开发,继承了Vue的特性和语法
  • 在开发H5时支持所有的Vue语法
  • uniapp对Vue的一些底层进行了二次封装记得参考文档
  • 但是在发布到app和小程序时也有部分Vue的语法是不可以使用的 比如:Vue-router和一些第三方的插件组件,因为小程序是不支持Dom操作的

uniapp 和小程序之间的关系:

  • 组件标签靠近小程序规范
  • 接口能力(JS API)靠近微信小程序规范(通过小程序的api去晚上 打开手机摄像头等Vue做不到的功能)
  • 在Vue的生命周期的基础上 具有微信小程序的所有周期

uniapp同常规web开发的区别

例如:

  • web开发的常用标签
<div class="content">
<img class="logo" src="/static/logo. png"></ img>
<p class="text-area">
<span class="title">普通 web标签</ span>
</p>
</div>

  • uni-app开发使用的标签
<view class="content">
<image class="logo" src="/static/ logo . png"></ image>
<view class="text-area">
<text class="title">小程序标签 </text>
</view>
</view>

uni-app的中运用到的生命周期(微信小程序生命周期)

  • onShow :此生命周期函数—监听页面显示(页面显示)
  • onHide:此生命周期函数—监听页面隐藏(页面隐藏)
  • onReady:此生命周期—监听页面处理渲染完成(页面渲染完成)
  • onUnload:此生命周期—监听页面卸载(页面卸载)
  • onLoad:此生命周期—监听页面加载(页面加载)

最后

以上就是笨笨紫菜为你收集整理的uni-app(从零开始)的全部内容,希望文章能够帮你解决uni-app(从零开始)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(49)

评论列表共有 0 条评论

立即
投稿
返回
顶部