-
uniapp 教程-03-reference 引用
引用组件
传统vue项目开发,引用组件需要导入 - 注册 - 使用三个步骤,如下:
<template>
<view>
<uni-rate text="1"></uni-rate>
</view>
</template>
<script>
//1.import
import uniRate ...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-02-page 页面
页面简介
uni-app项目中,一个页面就是一个符合Vue SFC规范的.vue文件或.nvue文件。
.vue页面和.nvue页面,均全平台支持,差异在于当uni-app发行到App平台时,.vue文件会使用webview进行渲染,.nvue会使用原生进行渲染,
详见:nvue 原生渲染
新建页面
uni-app中的页面,通常会保存在工程根目录下的pages目录下。
每...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-01-project 项目
开发规范
为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app 约定了如下开发规范:
页面文件遵循 Vue 单文件组件 (SFC) 规范(opens new window)
组件标签靠近小程序规范,详见uni-app 组件规范
接口能力(JS API)靠近微信小程序规范,但需将前缀 wx 替换为 uni,详见uni-a...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-00-基本概念介绍 uni-app组成和跨端原理
基本语言和开发规范
uni-app代码编写,基本语言包括js、vue、css。以及ts、scss等css预编译器。
在app端,还支持原生渲染的nvue,以及可以编译为kotlin和swift的uts。
DCloud还提供了使用js编写服务器代码的uniCloud云引擎。所以只需掌握js,你可以开发web、Android、iOS、各家小程序以及服务器等全栈应用。
为了实现多端兼容,综...
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-08-vue h5转换uni-app指南(vue转uni、h5转uni)
转换
如果你已经有了一个基于vue开发的H5站点,想转换为uni-app。
首先注意2个前提:
1、你的web站是适合手机屏幕的;
2、你的H5代码是前后端分离的,uni-app只处理前端代码。
一切从新建一个uni-app项目开始。
然后依次进行
文件处理
把之前的vue web项目的前端代码copy到新项目下
如果之前的文件后缀名是.html,需要改为.vue,并注意遵...
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-07-跨端注意
每个端有每个端的特点,有的能被抹平,有的不可能被抹平。
注意:跨端,不是把web的习惯迁移到全平台。而是按照uni的写法,然后全平台使用。
H5正常但App异常的可能性
(1)css异常:
不支持的选择器
非H5端不支持 * 选择器;
body的元素选择器请改为page,同样,div和ul和li等改为view、span和font改为text、a改为navigator、im...
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-06-选型指南
竞品对比
如果你关心竞品对比,这里有几份详尽对比:
多端开发框架对比横评,参考:https://juejin.im/post/5e8e8d5a6fb9a03c6d3d9f42(opens new window)
只做App,flutter、react native等App跨平台框架对比,参考:https://ask.dcloud.net.cn/article/36083(opens n...
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-05-白话uni-app 【也是html、vue、小程序的区别】
白话uni-app
本文适合对象:
已经通过uni-app官网对产品概念有基本了解。
熟悉h5,但对小程序、vue不了解
传统的h5只有1端,即浏览器。而uni-app可跨多端,虽仍属前端,与传统h5有不同。
如果你对h5比较了解,可通过本文快速了解uni-app。
网络模型的变化
以前网页大多是b/s,服务端代码混合在页面里;
现在是c/s,前后端分离,通过js api(类...
2021-11-15 13:01:55 |
WEB