IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> yh-app(基于vue和uni-app的前端项目示例) -> 正文阅读

[JavaScript知识库]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

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-09 12:31:32  更:2022-05-09 12:35:01 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:22:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码