【webapp】开发手机版WEBAPP MOBILE APP

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011628250/article/details/56668042
其实开发手机版WEBAPP
要解决的事:
1. respond自适应不同屏幕的手机,ipad
2. 一些漂亮的 ui
3.一些特效:比如 菜单,滚动,触摸等


jquery mobile 做了上面3件事
zepto 做了1和2




而vue 完全是一种新的理念 啥MVC ,自己用JS构建UI 完全一套最近比较流行的前端JS框架。估计能做的和IOS APP这样的强大功能 


针对做外贸的功能少,要求不高的 我想采用:
modernizr 来解决

特效的事 再整 完全自己控制


一些资源

垫片脚本解决 for IE 6-8, and more https://github.com/scottjehl/Respond

前端的瑞士军刀:modernizr: https://segmentfault.com/a/1190000003820989 介绍的

英文站:https://modernizr.com/  中文站: http://modernizr.cn/ 

YepNopeJs : http://yepnopejs.com/ 是一个超高速的按条件异步加载资源的加载器,允许你只加载使用到的资源(css及js)


---浏览器内核 及 对CSS3 HTML5的支持情况

1.Trident:因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。
  如 IE,(遨游、世界之窗、腾讯TT)
  2.Gecko:优点就是功能强大、丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的资源,比如内存, C++编写
  如 火狐

  3.Webkit:苹果公司自己的内核,开源的浏览器引擎,优点就是Webkit拥有清晰的源码结构、极快的渲染速度,缺点是对网页代码的兼容性较低,会使一些编写不标准的网页无法正确显示。
  如 Android原生浏览器、苹果的Safari、谷歌的Chrome(Android4.0使用)

  4.Presto:Presto内核被称为公认的浏览网页速度最快的内核,同时也是处理JS脚本最兼容的内核,能在Windows、Mac及Linux操作系统下完美运行。
如 Opera Mobile、OperaMini
更多看这里 http://liulanmi.com/browser 

各大浏览器对 HTML5 CSS3的支持
http://www.cnblogs.com/yangheng/p/5844350.html
http://www.jfdown.com/d/w_2035981.html


常见的块级和内联元素 及 它们的区别:http://www.studyofnet.com/news/398.html

拼图 http://www.pintuer.com/ 一个比较适合拿来学习的.拼图是优秀的响应式前端CSS开源框架,国内前端框架先驱及领导者,自动适应手机、平板、电脑等设备,让前端开发像游戏般快乐、简单、灵活、便捷
Jingle : http://vycool.com/Jingle/index.html 基于 zepto\template\iscroll 也比较适合学习
移动webapp前端UI大比拼:https://www.zhihu.com/question/25754764


展开阅读全文

没有更多推荐了,返回首页