是指基于Web的系统和应用,需要技术有html5,css3,javascript,其作用是向广大的最终用户发布一组复杂的内容和功能。
从一个简单的帮助消费者计算汽车租借费用的网页,到为商业人员和度假者提供全套旅游服务的大型复杂的WEB站点,都是WebApp。它包括一些完整的WEB站点,WEB站点的专门功能以及在Internet、Intranet或ExtraNet上的信息处理应用。
webapp 框架是一种简单的与WSGI兼容的网络应用程序框架,可以与 App Engine 配合使用。不必为了使用 App Engine 而使用 webapp:网络服务器支持任何使用 CGI 的 Python应用程序。webapp 提供一种简单的方式来开始为 App Engine 开发应用程序。
响应式网页设计的大部分技术,是可用在WebApp开发中的。 移动端Web App和WAP有什么不同?最直接的区别就是功能层面。WAP更侧重使用网页技术在移动端做展示,包括文字、媒体文件等。而Web App更侧重“功能”,是使用网页技术实现的App。总的来说,Web App就是运行于网络和标准浏览器上,基于网页技术开发实现特定功能的应用。
1.开发成本低
2.适配多种移动设备成本低
3.跨平台和终端
4.迭代更新容易
5.无需安装成本
1、WebApp自身能力不全面
2、无法调用语音、摄像头、定位等能力,体验比较差;
3、用户很难沉淀下来,建立较为稳固的联系。
px:逻辑像素,一般为浏览器使用的单位
dp,pt:物理像素,与设备无关
dpr:像素比,计算公式: 1px = (dpr)^2 * dp
ppi:ppi越高图像越清晰,但可视度越高,放缩比越低,所以出现了高清的屏幕,图标偏小的现象。
ppi为240的其dpr是1.5;320的是2.0;更高的就大于2.0了
visual viewport:窗口viewprot,
layout viewport:布局viewport,常用
viewport最佳meta标签:
width:设置viewport的值,如device-width是设备宽度
initial-scale:初始缩放,最好为1
minimum-scale:最小缩放
maximun-scale:最大缩放
user-scalabel:用户能否缩放,一般为no
定义两个 CSS 过度动画,前进与后退: slide-right-enter 和 slide-left-enter,给路由配置meta信息,设置各个路由的级别: index,监控路由跳转,比对 meta 信息级别,如果从大跳转到小说明是返回,从小跳转到大则是前进
本文重点关注如何充分利用HTML5和CSS让web app运行更加流畅.使用web storage代替cookie;使用CSS Transition代替JavaScript动画;使用客户端数据库代替服务器请求
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!