企亿推信息网
专注网络推广服务

浅谈webapp触摸屏网站开发要点

  众所周知,所谓的触摸屏网站也是WebApp一种展示形式主要依赖于HTMLCSSJavascript与本地客户端程序相比,这三个关键因素具有开发周期短、升级简单、维护成本低等优点WebApp本质只是一个网站。让我们来谈谈如何开发一个适合在触摸屏设备上显示的页面.

  如果有在PC开发网页的基础很容易处理手机端。这里介绍的是专门为手持设备处理的页面,而不是媒体查询显示方法.

  如果是针对IOS或者高版本android,HTML5是一个很好的计划。如果需要支持一些山寨屌丝鸡,我的建议是不要用太多HTML5的标签和API,屌丝是无法控制的,所以作为一个屌丝开发者,做一个稳定的屌丝是很自然的.

浅谈webapp触摸屏网站开发要点(图1)网站开发要点" />

  现在你放弃了IE,甚至抛弃了火狐,此刻你的心情一定又惊又喜.阴影和渐变可以很容易地勾勒出来,甚至可以使用css3动画.经测试在IOS下CSS3的渲染非常强大,在一些中端安卓模型中CSS渲染有一些偏差,CSS动画显然不够流畅,此时有两种解决方案,一种是平稳退化,另一种是逐步增强,如何根据项目需要选择?.

  还是可以选择的PC端使用的jQuery库来从事手机页面开发,不会造成太多硬性,但建议在这里使用一个名称zepto小库实现基本功能,麻雀虽小,鸡鸡俱全。

  为什么不用jQueryMobile?理由很简单,我需要一款白色时尚的鼠标,而你却买了一台MAC,我得到了鼠标,但我不需要电脑和键盘。为什么?

  那我想用senchatouch?如果只想做一个开发周期短、升级简单、维护成本低的纯粹webapp,不建议使用ST,学习ST时间可以开发很多页面。

  要注意触摸屏的方法,jQuery没有提供bind(“swipe)这样的方法,甚至jQueryMobile提供的”swipe方法是如此戳,所以这里建议你仍然可以自己提供ontouchstart,ontouchmove,ontouchend写三个类似的事件PC端上滚动效果,万变而不离其脑。

  这是手机版的亮点,在PC由于硬件强大,没有电的概念,很容易忽略性能问题,手机端的性能问题被无限放大。

  精简DOM结构,手机页面一般不是很复杂,仔细筛选可以筛选出许多通用模块,这不仅有利于整个项目,而且大大提高了性能。

  CSS3不是万能的,只是工具,就像PS同样,有时我们使用美图XX之类的软件就可以了,不必使用PS展示你的专业精神。WAP任何使用手机和互联网的用户都可能成为传播者CSS3的渲染要比CSS2渲染性能要低得多,尤其是CSS3动画基本上是电杀手。如果需要,建议缩小显示区域。使用CSS3.在视觉和性能之间找到平衡,但一般来说,视觉优先,因为TM这关屌丝开发者怎么了???

  javascript这是性能障碍。页面载入性能大多卡在这里。合理的封闭包装和优秀的代码设计模式将变成彩色闪电盲用户的手机屏幕。这里不能详细说明。简言之,更多的测试是正确的。

  好了,今天小编就到这里。如果您对网站建设有任何其他问题,请随时致电或留言。英科专业从事网站建设和推广多年,经验丰富。

未经允许不得转载:启新网站SEO优化 » 浅谈webapp触摸屏网站开发要点
分享到: 更多 (0)
加载中~