第一章 移动互联网时代的Web技术HTML5+CSS3+JavaScript的移动应用将会是未来的趋势。HTML5优势:1.Canvas绘图;2.多媒体;3.本地存储;4.离线应用;5.使用地理位置;6.有移动Web应用框架。第二章 移动设备HTML5页面布局HTML5新语义元素:1.header头...
分类:
移动开发 时间:
2014-11-25 18:30:09
阅读次数:
151
前些日子,看到Herb Sutter在自己的博客中推荐了一篇文章《Why mobile web apps are slow》,在推荐里他这样写道:“I don’t often link to other articles, but this one is worth reading.” 我不经常链接...
分类:
移动开发 时间:
2014-11-25 14:21:45
阅读次数:
208
前言:我还是个前端的菜鸟,现在在实习,接触到一些移动web的开发任务,遇到了很多问题,记录一下顺便分享给大家。问题?要实现下图的三等分屏幕效果。此页面为手机web页面,要求自适应宽度。探索:期初是用的width:33.33%,但是这样很容易出错,因为margin,border和padding不计算在...
分类:
其他好文 时间:
2014-11-21 16:06:04
阅读次数:
285
如果你是一个开始接触移动Web开发的前端工程师,那么你或许也遇到了和我曾经遇到的过问题:有太多新的概念需要掌握,太多相似的概念需要区分。没关系,我将用两篇文章的篇幅来解决这些问题。上篇文章关于解释和区分一些入门级别概念。这些概念你或许一直在各种场合看到或者听说,好像熟的很,但你真的了解它们背后的含义...
分类:
移动开发 时间:
2014-11-21 12:01:23
阅读次数:
256
body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica。中文字体设置为华文黑体STHeiTi。需补充说明,...
分类:
移动开发 时间:
2014-11-19 15:51:45
阅读次数:
202
在移动web中使用position:fixed,会踩到很多坑,在我之前的一篇文章《移动端web页面使用position:fixed问题总结》中已经总结了很多bug,但是在后续的开发中有关fixed的未知bug越来越多,我也在尽量的寻找解决方案。这篇文章就来先解决一个坑,fixed元素的宽度自适应。当...
分类:
移动开发 时间:
2014-11-17 19:28:21
阅读次数:
302
首先做开发码子编完了我们得有个工具去看效果,PC端开发我们有firefox,chrome等等,那么我们做手机web用什么做调试?手机设备多种多样,不同品牌,不同的屏幕尺寸。当然我们不可能把所有的手机设备都买齐了,然后在开发的时候,在桌子上从左到右依次摆放,在写了一段代码之后,从左到右依次刷新,呵.....
分类:
移动开发 时间:
2014-11-17 12:10:30
阅读次数:
218
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需....
分类:
Web程序 时间:
2014-11-17 00:24:57
阅读次数:
260
为了应对移动设备屏幕的碎片化,我们在开发Mobile Web应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性,用户在切换了屏幕的方向后,有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配(当然,要做的可能不仅仅是这个)。很.....
分类:
移动开发 时间:
2014-11-16 11:53:31
阅读次数:
176