-
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
-
uniapp 跨平台框架-04-how to learn 如何学习
学习步骤
建议第一步,看完uni-app官网的首页介绍。
建议第二步,通过快速上手,亲身体验下uni-app。
建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。
如果你熟悉h5,但不熟悉vue和小程序
看完这篇 白话uni-app
DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https://learning....
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-03-history 发展历史
名字的由来
uni,读 you ni,是统一的意思。
很多人以为小程序是微信先推出的,其实,DCloud才是这个行业的开创者。
DCloud于2012年开始研发小程序技术,优化webview的功能和性能,并加入W3C和HTML5中国产业联盟,推出了HBuilder开发工具,为后续产业化做准备。
2015年,DCloud正式商用了自己的小程序,产品名为“流应用”,它不是B/S模式的轻应...
2021-11-15 13:01:55 |
WEB
-
uniapp 跨平台框架-02-快速开始
创建方式
uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。
可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。
开始之前,开发者需先下载安装如下工具:
HBuilderX:官方IDE下载地址
HBuilderX 是通用的前端开发工具,但为uni-app做了特别强化。
下载App开发版,可开箱即用;如下载标准版,在...
2021-11-15 13:01:55 |
WEB