zoukankan      html  css  js  c++  java
  • uni与小程序,vue的区别

    标签区别

    uni使用小程序的标签,vue使用web端的标签

    标签名变化的:

    标签描述类别 vue uniapp
    文本 spanfont text
    链接 a navigator/ router-link
    图片 img image
    输入框 input input[type=[confirmtype]]
    多选 select picker
    外部框架 iframe web-view
    列表 ul、li view

    标签名未变的:

    form, button,checkbox,label,textarea,video

    不推荐使用的:

    不内置audio标签,改成api方式由外部引入。
    老的html标签是可以使用的,但为了兼容性,不做考虑。

    新增手机端常用组件

    • scroll-view:可区域性公董视图容器
    • swiper:可滑动区域视图容器
    • icon图标
    • rich-text:富文本
    • progress:进度条
    • slider:滑块指示器
    • switch:开关选择器
    • progress:进度条
    • camera:照相机
    • map:地图
    • cover-view:可覆盖原生组件的视图容器。 cover-view需要多强调几句,uni-app的非h5端的video、map、canvas、textarea是原生组件,层级高于其他组件。如需覆盖原生组件,比如在map上加个遮罩,则需要使用cover-view组件

    JS

    uniapp的api是参考小程序的,因而与浏览器端的api有所不同

    标签描述类别 原生js uniapp
    弹框 alert,confirm uni.showmodel
    发送网络请求 ajax axios uni.request
    存储 local.storage uni.storage

    cookie、session在uni不被支持

    在不同客户端,支持条件编译,可以无限制使用各端独有的api,如果有小程序基础,可以直接将“wx.” 改为 “uni.

    路由

    uni不支持vue-router,使用自带的路由。

  • 相关阅读:
    STM32F030 启用内部晶振并配置系统时钟为48M
    CSS 动画过程及间接实现样式延时
    Post请求的两种编码格式:application/x-www-form-urlencoded和multipart/form-data
    21 GetHashCode Equels ReferenceEquals的比较
    3 Base64编码主要应用在那些场合?
    2 什么是编码?什么是Unicode?
    2 名企面试_02
    ListView
    Image
    Container
  • 原文地址:https://www.cnblogs.com/codedisco/p/13920497.html
Copyright © 2011-2022 走看看