移动端--web开发

最近看到群里对关于 移动端 web开发很是感兴趣,决定写一个关于 移动端的web开发 概念或框架(宝庆对此很是纠结)。也是因为自己一直从事pc 浏览器 web一直对 移动端的不是很重视,所以趁此机会也让自己对 移动端的开发 有个清晰的认识。

环境:


1. 移动端的内核:手机浏览器的内核是什么 
 
在文章中 Android 手机 采用 Webkit。其他的QQ,UC,飞豚 浏览器都基于此开发的。而在iOS以及WP7平台上,由于系统封闭,不允许除  系统自带浏览器内核以外的浏览器内核进入,因此各家浏览器的开发均为在Safari或者IE内核的基础上进行二次开发,优化功能和自制UI。
根据
“   各浏览器对HTML5的测试都有了较大提升,但是稳定性依然不足。知名独立IT博客月关博客表示,浏览器对于HTML5的提升并不是一蹴而就的,在这种跑分竞争持续一定时间之后,大多数浏览器厂商还都是会支持全部的新特性。”
 可以看出 Android,IOS,WP7对html5都是支持的,可能具体某个浏览器的程度不一样。

     tips:说到html5,就要提一下css3。在网上搜索了一下,只有一篇文章~Android平台浏览器CSS3兼容性测试虽然文章比较老,但是在看一些框架源码的时候,也确实看到 针对一些 css3 的js代码。所以对css3的使用还是要小心一点。(特别是QQ浏览器)

    针对上面的情况,我希望大家用一些比较流行和可靠的css 框架。比如:PRUE (这里的 框架 没有 宝庆同学 理解的那么高深和复杂,更多的像 样式库和样式编写的理念~)

开发:

1. 关于 移动端 web 的开发:webkit webApp 开发技术要点总结


这篇文章把概念和基础都说全了~ 请注意文章中的链接(指尖下的js)。

通过这篇文章,我想  click,mouse这类的事件 就不要出现在 移动端 web 的开发中了;
                                  :hover伪类 这样的样式       就不要出现在 移动端 web 的开发中了;
                                  知道css对于js开发是很重要的,特别是一些组件的开发。

虽然文章写的很好,但是还要注意兼容性问题。之前谈过,特别是css3 的一些问题,还是多测试一下为好。

框架:

1. 针对“自适应页面”,之前看那过一些关于这方面的博客,感觉并不是很难,但是自己写的时候,就不是那么回事了~

         原因:1.    可能是自己的能力和概念理解不够。2    让人无奈的设计。所以只能用现有的框架来解决问题了~
                  
         好处:1.    统一的框架,能为多人使用,不用看别人写的代码了~移动端--web开发 
                    2.    看看别人写的代码和自己写的做比较,也能提高一下自己。
                    3.    不用纠结一些框架能够解决的问题了~~~移动端--web开发 

2.针对“有复杂交互,一般代码不好解决的页面“,可以使用一些js框架。

        这里推荐 一个 app framework 相对简单和方面点~但这个框架本身也会有些问题。
                   
        对了,针对 移动端 web开发,jquery库的引用~建议使用 app framework 里面"阉割"后jquery库。

                   要学习 app framework的话:  http://bbs.phonegap100.com/thread-361-1-1.html
  
                       
        
    


    




移动端--web开发,布布扣,bubuko.com

移动端--web开发

上一篇:Android PullToRefresh 下拉刷新,上拉更多,支持ScrollView,ListView,可方便拓展GridView,WebView等


下一篇:【iOS与EV3混合机器人编程系列之五】iOS_WiFi_EV3_Library 剖析之连接EV3