随笔分类 - 05.Web App
摘要:在 此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解, 那现在就开始往下阅读吧……1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta标签是iphone设备中的sa
阅读全文
摘要:导读:国内手机网站目前还算是个新鲜事物,相应的手机网站前端开发也并不是特别成熟,对于一个网页设计师来说要做一个手机网站还是会碰到许多问题,本文转载自淘宝 UED,分享如何开发进行手机网站的前端卡发。从09年初接手淘宝手机网站前端开发的工作至今,转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子,感慨良多。手机网站开发,有着许多不为人知的困难:一是可参考的资料太少,大部分手机网站都处于起步阶段,很多的时候都是摸着石头过河,而鉴于淘宝自身的特殊性,也使得我们在参考成功案例之余,要做更多的思考;二是兼容性工作异常艰辛,难度一点也不比web网站的兼容性工作来的低;再 者作为一个手机网站的
阅读全文
摘要:8、列表8.1列表基础(1)标签定义列表项目。标签定义有序列表。标签定义无序列表。标签可用在有序列表()和无序列表()中。(2)为列表元素添加data-role="listview"属性后,jQueryMobile将本地HTML列表增强为移动视图,默认占据整个屏幕;如果列表包含链接,以触摸按钮方式显示,带有右侧对齐的箭头图标;无序有序ActionAdventureActionAdventure8.2内置列表(1)data-inset="true"不占据整个屏幕,在一个圆角区域内(2)data-role="list-divider"一组
阅读全文
摘要:6、按钮6.1链接按钮(1)默认按钮,填充其外层容器的整个宽度Button(2)紧凑按钮,宽度与内部的文本和图标的宽度相同Button6.2表单按钮Buttonelement注:如果要禁用表单或其他控件的自动化初始化,可以为这些元素添加data-role="none"6.3图像按钮6.4使用标准图表的按钮Button6.5只带有图标的按钮Button6.6按钮定位data-iconpos是指跟内容之间的位置关系IconPositioning TopLeftRightBottom 效果图6.7带自定义图标的按钮(1)为链接添加data-icon属性(2)创建一个CSS类属性,
阅读全文
摘要:1、模板结构1.1jQueryMobile单页模板PageTemplate//user-scalable=no禁用缩放//自定义脚本位置PageHeader你好//注意:html文件的编码格式要为utf-8,否则有中文会乱码//默认页脚在内容之后,添加此句后定位到屏幕底部PageFooter1.2多页模板MultiPageExampleMulti-PageContactUsContactUsContactinformation...(1)每个页面必须包含唯一id(2)最初显示多个页面时,只有第一个页面得到增强并显示(3)链接到一个内部页面时,必须通过页面id来引用,href="#co
阅读全文

浙公网安备 33010602011771号