uniapp 教程-04-js 语法
js 语法
uni-app的js API由标准ECMAScript的js API 和 uni 扩展 API 这两部分组成。
标准ECMAScript的js仅是最基础的js。
浏览器基于它扩展了window、document、navigator等对象。小程序也基于标准js扩展了各种wx.xx、my.xx、swan.xx的API。node也扩展了fs等模块。
uni-app基于ECMAS...
2021-11-15 13:01:55 |
WEB
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