基于Html5的移动端APP开发框架

   快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业APP开发企业,和APP服务提供商。 安卓和IOS的操作方式,开发模式,界面UI显示方面的差别,也使得原生APP的不同版本体验有很大的区别,光是做兼容性调测,都要花费开发企业不少的时间。

   近年来,另一种应用形态——基于HTML5技术的Web App也如雨后春笋般出现,于是关于原生APP与HTML5 APP 谁将成为未来的王者,APP开发者们一直争论不休。

html5最主要的优势: 
1、一套HTML5 APP 即可同时适用安卓及IOS平台,甚至WP平台,适配性和统一体验较好。
  2、版本服务器端更新,用户永远看到的都是最新的APP端信息。
  3、手机客户端及存储数据较少,节约用户手机空间
  4、技术难度较低,开发工作量小,开发成本低。
 **局限性:**
 用户体验大幅落后于原生APP,操作的流畅度,程序的执行效率,与原生APP都有较大差距;HTML5 APP 受网速的影响较大,在网络情况较差的情况下,HTML5 APP 往往连打开都困难,而原生程序,基本都能顺利打开运行(只是速度较慢)。

 因公司项目需求,近端时间研究html5 app开发框架,发现有很多,查资料总结下。

介绍那些app适合html5开发:

  • 11
    点赞
  • 78
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
内容简介编辑 本书是为从未接触过HTML5新技术但同时又对移动Web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验,将会更容易掌握HTML5知识。 同时,如果你是如下几类人群之一,那么本书非常适合你阅读。 有一定基础或者未来计划的职业是Web前开发工程师。 具有一定HTML基础的UI设计师。 Web项目中的项目经理以及策划人员。 对手机Web开发技术感兴趣的开发者。 开设计算机课程的高等院校及培训机构的师生。 此外,本书也适合熟悉.net、Java、PHP等后Web技术的开发者阅读。 前言编辑 你是否使用过智能手机浏览真正的网页? 你在使用智能手机浏览网页时会感到困惑吗? 你是否想知道智能手机上的Web网页是如何实现的? 如果你存在以上的问题并想解决,那么阅读本书将是你的最佳选择。 HTML5从讨论到实践 现今,HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快,各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新版本浏览器都纷纷支持HTML5标准规范。在桌面Web技术领域,HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而,在移动端Web技术领域,由于历史的原因,HTML5标准才刚刚起步,但随着HTML5和CSS3逐渐兴起,其强大的特性在移动Web应用当中得到了非常好的发挥。 随着HTML5网站、HTML5应用软件及HTML5游戏不断涌现,让我们更加有理由相信未来HTML5技术将会成为我们在计算机行业当中必备的专业知识。因此,我希望能够借助此书帮助国内的Web开发从业者或者即将在此行业发展的读者,在学习HTML5的同时也能掌握移动Web技术。 为什么写作本书 2011年是HTML5实践的一年,无论是国外的开发者,还是国内的开发者,都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新,国内很多开发者在实践过程中经常遇到非常多的困难,例如如何入门与解决BUG等常见问题,都很难找到解答问题的中文资源。因此,开发者们亟需一本能够带领他们入门的HTML5书籍。 2011年也是移动互联网高速发展的一年,随着iPhone、Android等智能设备的迅速普及,以及Web技术跨平台等优点更广泛的为人所知,移动Web技术逐渐成为大家关注的新热点之一。国内移动Web技术中文资源相对缺乏,社区尚待不断发展,很多开发者仍处于探索研究阶段。同时也有部分准备进入移动Web开发领域的新手,苦于入门困难,而难以上手。因此,一本介绍移动Web开发的书籍便成为开发者最渴望的资源之一。 基于上述两种原因,作者认为需要编写一本能够利用HTML5新技术开发移动Web应用的入门书籍,令广大读者在真正学习到HTML5新技术的同时,也能快速掌握移动Web开发的基础知识。 关于本书 本书不足之处在于,本书并没有全面地介绍HTML5技术,但这并不代表HTML5的其他知识点不能适用于移动Web开发。毕竟HTML5是一个新生事物,它的标准规范仍然在制定之中,而它的不断发展对于未来的移动Web技术的发展,必将有很大的推动作用。 本书在编写过程中参考了下列网站、社区及官方文档等,并引用了部分内容。  HTML5研究小组官方网站  Sencha Touch官方接口文档及demo例子  jQuery Mobile官方接口文档  PhoneGap官方网站及接口文档  PhoneGap中国读者对象 致 谢 在本书的写作过程中,得到了很多人士的悉心帮助。在此谨向给予本书帮助的诸位及我所参考的网站社区、官方网站表示诚挚的感谢。特别感谢HTML5研究小组负责人田爱娜女士给予了很大的帮助和支持,她推荐的很多专业人士对本书提供了很多中肯的建议。 另外,由于时间及水平有限,在本书编写过程中可能存在一些对HTML5及移动Web技术认识不全面或者表述错漏的地方,敬请读者批评指正。作者的联系邮箱为,新浪微博是@三桥sankyu。谨以最真诚的心希望能与读者共同交流,共同成长。 作品目录编辑 第1章 移动互联网时代的Web技术 1 第2章 移动设备HTML5页面布局 12 第3章 HTML5规范的本地存储 23 第4章 移动Web的离线应用 34 第5章 移动设备的常见HTML5表单元素 40 第6章 移动Web界面样式 48 第7章 Geolocation地理定位 74 第8章 轻量级框架jQuery Mobile初探 79 第9章 重量级富框架Sencha Touch入门 187 第10章 跨平台的PhoneGap应用介绍 273 第11章 构建基于HTML5的生活轨迹Web App 337 第12章 进阶之路 366
# 项目特点 - 前台参考"Hexo"的"Butterfly"设计,美观简洁,响应式体验好。 - 后台参考"element-admin"设计,侧边栏,历史标签,面包屑自动生成。 - 采用Markdown编辑器,写法简单。 - 评论支持表情、GIF动图输入回复等,样式参考Valine。 - 前后分离部署,适应当前潮流。 - 接入第三方登录,减少注册成本。 - 留言采用弹幕墙,更加炫酷。 - 支持代码高亮和复制,图片预览,深色模式等功能,提升用户体验。 - 搜索文章支持高亮分词,响应速度快。 - 新增文章目录、推荐文章等功能,优化用户体验。 - 新增在线聊天室,支持撤回、语音输入、统计未读数量等功能。 - 新增aop注解实现操作日志功能。 - 支持动态权限修改,采用RBAC模型,前菜单和后台权限实时更新。 - 后台管理支持修改背景图片,博客配置等信息,操作简单,支持上传相册。 - 代码支持多种搜索模式(Elasticsearch或MYSQL),支持多种上传模式(OSS或本地),可支持配置。Elasticsearch占内存较高,如果服务器配置太低,不建议使用。 - 新增网站导航功能,页面优雅美观。可自行添加自己常用的网站进行分类和排序。 - 新增聊天管理功能,方便清理垃圾聊天内容。 - 新增登录日志功能,随时查看用户的登录信息。 - 前台页面重新布局重构,页面布局更加简洁,首页加载速度更快。 - 前台首页文章列表顶部新增滚动消息,超级炫酷。 - 新增了监控用户是否授权的功能、增加了用户的体验性。 - 增加图片删除后也将该路径的图片删除的功能、大大提高了文件存储的利用率。 - 将接口进行**axios**二次封装、更利于接口的请求和响应。 - 新增本博客配套的**微信小程序**,可随时用手机浏览文章。并且接入微信登录,减少注册成本。 - **微信小程序**新增每日新闻热搜功能、可随时查看热搜。 - 新增本博客配套的**App**,同时接入qq、微博登录,使用更加方便。 - 代码遵循阿里巴巴开发规范,利于开发者学习。 ## 技术介绍 **前:** vue + vuex + vue-router + axios + vuetify + element + echarts + uniapp + uview + Html + Css + JavaScript **后:** SpringBoot + nginx + docker + SpringSecurity + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch + RabbitMQ + MaxWell + Websocket **其他:** 接入QQ,微博、微信第三方登录,接入腾讯云人机验证、websocket ## 运行环境 ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值