yh-app(基于vue和uni-app的前端项目示例)

yh-app 简介

yh-app是一个高度模仿手机端樱花动漫的前端项目,旨在提供一个通俗易懂、简洁明了的前端项目示例，帮助开发者熟悉例如vue、css以及uni这类比较常见的技术在实际项目开发中的使用方式，从而巩固所掌握到的前端技巧。

yh-app以vue作为开发框架，同时为了满足移动端跨平台的开发需求，使用uni-app作为基础组件;为了写出比较标准的示例，yh-app在项目的规范上实际上参考了uView的实现，yh-app亦可以作为研究uView源码的前菜；为了达到巩固技术的目的，yh-app坚持使用原生的css,展示如何使用例如flex来完成各种格式的布局。

可以通过访问链接预览这个项目效果。

需要注意的是 yh-app 只做了移动端的适配，由于基于 uni 进行开发，yh-app 可以运行在各种移动端平台，其中 h5移动端 、安卓以及微信小程序是已经验证过的。

项目目录

• api : 伪后台数据接口
• components : 项目组件
• doc : 项目文档
• libs : js功能支撑库
• pages : yh-app 的页面
• resource : 静态资源文件如图片
• static : 静态资源文件如css

关于接口

yh-app 并没有单独的后台接口，yh-app的后台接口是一个非常简易的伪数据接口，具体的实现可以仔细看看api以及resource。

但是为了能够正常地进行项目演示，yh-app将其暂时放置在了搭建在阿里云上的HTTP服务器，所以伪数据接口目前是可以直接访问的。

关于意见以及批评

作为一个供前端入门开发者学习的一个示例项目，yh-app热烈欢迎之处项目中的功能性缺陷，同时也欢迎指出项目中的非功能性缺陷。例如在css布局上如果你有更加好的解决方案，请不要吝啬你的想法。

关于未来

yh-app 还会再继续开发吗?这一点当然会，最起码要做到跟原网页一致的效果嘛，当然我的目标应该不会局限于此。但是yh-app始终秉持一种编码态度，通俗易懂、简洁明了，yh-app不希望由于新增的新的页面增添了项目的阅读复杂程度。

yh-app将会与大家一起成长，相对于经验丰富者，笔者目前也只是一个菜鸟而已，但是笔者相信随着不断学习努力，总有一天笔者也能看到大佬的背影；yh-app也希望能与诸君一起成长。

项目地址

github : https://github.com/HR1025/yh-app