Uni-app初步了解

Uni-app是什么

官网：https://uniapp.dcloud.io/README

uni-app 是一个使用 vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

Uniapp是由DCloud研发的

DCloud的初心是什么？

1. 为开发者提供免费、高效的开发工具，让天下没有难做的应用
2. 改进应用形态，让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费，感谢数百万开发者的一路陪伴，也请一直监督我们不忘初心！

可以使用hbuilderX对uniapp进行使用

创建uni-app

在点击工具栏里的文件 -> 新建 -> 项目：

选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。

uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。

运行uni-app

浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。

 

初步了解学习视频：https://ke.qq.com/course/343370

 

可以用来进行测试的接口：

## 列表到详情接口

### 列表
https://unidemo.dcloud.net.cn/api/news
- 返回数据格式
- post_id 新闻id 如 ： 72980
- title 标题
- created_at 创建时间
- author_avatar 图标

### 详情

地址：https://unidemo.dcloud.net.cn/api/news/36kr/ + id（id为新闻id，上个页面传过来的）

使用 rich-text 【富文本组件】来展示新闻内容
<rich-text class="richText" :nodes="strings"></rich-text>

 

 

 

 

 

 

 

 

一起学习，一起进步 -.- ，如有错误，可以发评论