uni与小程序，vue的区别
2024-09-07 17:30:43
标签区别
uni使用小程序的标签，vue使用web端的标签
标签名变化的：
| 标签描述\类别 | vue | uniapp |
|---|---|---|
| 文本 | span\font | 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,使用自带的路由。
最新文章
- 关于GIL
- CodeForces 544A
- http缓存之304 last-modified，cache-control:max-age，Etag等
- Bootstrap源码分析之transition、affix
- 修改jsp文件tomcat发布失败（Could not delete May be locked by another process）
- Entity Framework 5.0
- Android软键盘调用及隐藏，以及获得点击软键盘输入的字母信息
- SQL顺序列找出断号
- 使用JS进行pc端、手机端判断
- 基于visual Studio2013解决C语言竞赛题之0402奇偶求和
- 十二、 Spring Boot 静态资源处理
- 1.Linux下libevent和memcached安装
- Filebeat 模块与配置
- ActiveMQ中JMS的可靠性机制
- 连续子数组最大和(python)
- Tensorflow实例：利用LSTM预测股票每日最高价（一）
- asp.net core 微信APP支付（扫码支付，H5支付，公众号支付，app支付）之4
- 『TensorFlow』分布式训练_其二_单机多GPU并行&GPU模式设定
- c/c++动态内存分配的区别
- Java界面编程—事件监听机制