【webapp】开发手机版WEBAPP MOBILE APP

其实开发手机版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

【webapp】开发手机版WEBAPP MOBILE APP相关推荐

利用135编辑器快速开发手机版网页
想了解更多,可前往最新个人博客:Amaya丶夜雨博客或访问主页:https://www.amayaliu.cn 注:适合现时代公司推广,新媒体人群,及涉及一点编码却想快速开发的从业人员. 昨天在 ...
扇贝python_扇贝编程(python)手机版-扇贝编程app下载v1.1.30-汉化新世纪
扇贝编程app是一款学习效果非常不错的编程学习软件,扇贝编程app是通过闯关模式一步一步学习编程的,扇贝编程Python分成了不同的教学关卡,用户能够从中学习到非常不错的编程技术,小白也能在这里轻松学 ...
skype安卓手机版_水晶直播app最新手机版-水晶直播app安卓免费版
水晶直播app最新手机版是一款火爆好玩的手机直播软件,软件里面拥有着高颜值多才多艺的主播,给小伙伴们带来更好的直播内容,下面小编就为大家带来了水晶直播app安卓免费版,一起来看看吧! 水晶直播最新版软 ...
discuz 开发手机版及相关技术
discuz需要做的操作: 1.discuz后台--界面---风格管理创建mobile的风格 2.discuz后台--界面---模板管理创建新的mobile模板相应的在discuz源码的/tem ...
webapp开发—手机屏幕分辨率和浏览器分辨率不要混淆
关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是"米3",屏幕截图大小是1080宽,所以css样式用@media screen and( ...
火狐浏览器手机版_hao123导航app下载-hao123浏览器手机版下载
hao123导航app下载,这是一款非常不错的导航,让你可以更好的感受清晰简单的导航,让你一键抵达更多的网站,使用方便,看视频,追剧,找小说,看新闻,都很方便哦,赶紧来试试吧. hao123导航app ...
python手机版-python做app
python做是一款少儿编程学习软件,用户通过代码控制python做可以提供智能服务,好玩有易学,提升孩子的学习乐趣. 软件介绍 python做是一款android版的app应用,用于配合学习使用,通 ...
python教程云盘下载手机版_python教程app百度云版下载-python教程百度网盘免费版下载v3.0-速游网...
python教程app中视频免费的,可以随意的来这里看不同的视频,每一个视频课程都讲解的比较的透彻,而且很多的课程都是系统性的教学,以此来帮助那些零基础的学员,学到真正的精髓. python教程介绍 ...
屌丝也能开发安卓版2048（App Inventor）
想编写安卓游戏.java太难.来试试App Inventor.尽管有人觉得他是中学生的玩具,可是也能编写2048这种火爆游戏,不须要太复杂的算法. 整个游戏有几个模块: 一.游戏初始化数列转化为图形 ...

【webapp】开发手机版WEBAPP MOBILE APP

【webapp】开发手机版WEBAPP MOBILE APP相关推荐

最新文章

热门文章