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>

 

 

 

 

 

 

 

 

一起學習，一起進步 -.- ，如有錯誤，可以發評論