# Teaset
## 項目介紹
- uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架。
- 開發者通過編寫 Vue.js 代碼,uni-app 將其編譯到iOS、Android、微信小程序等多個平臺,保證其正確運行并達到優秀體驗。
- uni-app 繼承自 Vue.js,提供了完整的 Vue.js 開發體驗。
- uni-app 組件規范和擴展api與微信小程序基本相同。
- 有一定 Vue.js 和微信小程序開發經驗的開發者可快速上手 uni-app ,開發出兼容多端的應用。
**Teaset**是一個uniapp開源組件庫,旨在推動uniapp的普及,收集整理社區常用的資源加工而成,歡迎收藏,fork,現在用于我們課題組的研發項目。
倉庫地址:[https://gitee.com/zengqs/teaset](https://gitee.com/zengqs/teaset)
項目案例使用的數據源是本人打理的貝店的數據,各位親多多支持下。貝店是一個類似于京東、天貓的購物平臺,免費注冊,首單送10元體驗券。任何人都可申請成為店主,開店購物更實惠,每單返現。
我的貝店:[賀蘭小鋪](https://m.beidian.com/shop/shopkeeper.html?shop_id=682731),店鋪邀請碼:**690638**。
開店指南:[http://beidian.zengqs.com](http://beidian.zengqs.com)
## 項目聯系信息
1. 項目討論QQ群:631951344
3. QQ:1024343803
## 主要貢獻者
- [青伢子](mailto:qingsongzeng@163.com),現供職于[廣州番禺職業技術學院信息工程學院](http://www.gzpyp.edu.cn)
## 使用說明
* 將components目錄及子目錄下的所有文件復制到你新建的項目中。
* 參考pages/example/teaset/文件,每一個組件有對應的案例的基礎用法和高級案例
* 倉庫地址:https://gitee.com/zengqs/teaset
## 教學資源
- [uni-app 官方文檔](https://uniapp.dcloud.io)
- 課堂錄像:[https://pan.baidu.com/s/1Ni5JxEt9pfY1tY7gu90J7A](https://pan.baidu.com/s/1Ni5JxEt9pfY1tY7gu90J7A), 密碼:qf0i
- 內容介紹
- EcmaScript基礎
- 快速入門
- 常量與變量
- 字符串
- 函數的基本概念
- 條件判斷
- 數組
- 循環
- while循環
- for循環
- 函數基礎
- 對象
- 對象的方法
- 函數
- 變量作用域
- 箭頭函數
- 閉包
- 高階函數
- map/reduce
- filter
- sort
- Promise
- 基本對象
- Arguments 對象
- 剩余參數
- Map和Set
- Json基礎
- RegExp
- Date
- async
- callback
- promise基礎
- promise-api
- promise鏈
- async-await
- 項目實踐
- 標簽系統
- 遠程API請求
- 面向對象編程
- 創建對象
- 原型繼承
- 項目實踐
- Classes
- 構造函數
- extends
- static
- 項目實踐
- 模塊
- import
- export
- 項目實踐
- 第三方擴展庫
- immutable
- Vue快速入門
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入門
- 模板語法
- 計算屬性和偵聽器
- Class 與 Style 綁定
- 條件渲染
- 列表渲染
- 事件處理
- 表單輸入綁定
- 組件基礎
- 組件注冊
- Prop
- 自定義事件
- 插槽
- 混入
- 過濾器
- 項目實踐
- 標簽編輯
- 移動客戶端開發
- uni-app基礎
- 快速入門程序
- 單頁程序
- 底部Tab導航
- Vue語法基礎
- 模版語法
- 計算屬性與偵聽器
- Class與Style綁定
- 樣式與布局
- Box模型
- Flex布局
- 內置指令
- 基本指令
- v-model與表單
- 條件渲染指令
- 列表渲染指令v-for
- 事件與自定義屬性
- 生命周期
- 項目實踐
- 學生實驗
- 貝店商品列表
- 加載更多數據
- 詳情頁面
- 自定義組件
- 內置組件
- 表單組件
- 技術專題
- 狀態管理vuex
- Flyio
- Mockjs
- SCSS
- 條件編譯
- 常用功能實現
- 上拉加載更多數據
- 數據加載綜合案例
- Teaset UI組件庫
- Teaset設計
- Teaset使用基礎
- ts-tag
- ts-badge
- ts-button
- ta-banner
- ts-list
- ts-icon
- ts-load-more
- ts-segmented-control
- 代碼模版
- 項目實踐
- 標簽組件
- 失物招領客戶端原型
- 發布頁面
- 檢索頁面
- 詳情頁面
- 服務端開發技術
- 服務端開發環境配置
- Koajs快速入門
- 快速入門
- 常用Koa中間件介紹
- 文件上傳
- RestfulApi
- 一個復雜的RESTful例子
- 使用Mockjs生成模擬數據
- Thinkjs快速入門
- MVC模式
- Thinkjs介紹
- 快速入門
- RESTful服務
- RBAC案例
- 關聯模型
- 應用開發框架
- 服務端開發
- PC端管理界面開發
- 移動端開發
- 項目實踐
- 失物招領項目
- 移動客戶端UI設計
- 服務端設計
- 數據庫設計
- Event(事件)
- 客戶端設計
- 事件列表頁面
- 發布頁面
- 事件詳情頁面
- API設計
- image
- event
- 微信公眾號開發
- ui設計規范