想了解一下,html5+css3 这些新添加的各种功能与特效,应用在PC web端项目上,多吗?

迟到的企鹅 发布于 2016/05/12 20:57
阅读 591
收藏 0

想了解一下,html5+css3 这些新添加的各种功能与特效,应用在PC web端项目上,多吗?

如果需要用到的话,该如何解决低版本的IE 兼容问题? 还是说,html5+css3 主要应用到移动web端上呢?

加载中
1
曾建凯
曾建凯

那css3 html5 如何兼容低版本ie ? 比如,pc web上要使用 css3的圆角 border-radius 比如,html5 的 video 有没有哪个网站专门解决这些兼容性问题的?
@迟到的企鹅

这里有两种做法:

1. CSS3的样式,在低版本IE没有这个效果,但是总体样式保证不出错。比如圆角效果,在IE就是直角效果。

2. 有一个类库叫做CSS3 PIE(其实国外还有很多别的类似的类库),是使用htc语言来对低版本IE不支持CSS3的效果进行hacker,但说真我个人觉得效果一般。一个是,他兼容的CSS3内容实在太有限,低版本IE加载的时候,正常页面加载以后,再加载htc的时候页面会有一个一闪的情况,体验感很不好。所以并不推荐这种做法。

其实你还是没有理解我的意思。

html5,你就不要用html5标签,只用html4的标签集就好了。html5的js接口也不要用,这样起码js和html标签上,你不必花太大的功夫,js方面,严格使用那些类库提供的方法即可。

而css3,你可以正规开发用css3开发,然后针对低版本的IE,加载不同的css文件来做兼容。就是那个<!-- if IE lt 7>之类的方式。但这里的总体解决思想,沿用第一点说的,就是,以确保样式总体能看,不出错为修复大前提,而不是为了解决css2没有的css3实现去修复(因为实在是没可能实现的了——或者说实现成本太大)。


0
eechen
eechen
等微软IE死得差不多的时候再说吧.

谁说jQuery只能用于PC?jQuery 1系(以后改名jQuery Compat 3.0)兼容低版本IE一般用于桌面端,jQuery 2系(以后改名jQuery 3.0)不兼容低版本IE一般用于移动端.jQuery2是官方对jQuery的重构,抛弃IE6/7/8的历史包袱,更加高效,兼容jQuery1插件,建议应用于移动浏览器.
yak
yak
回复 @迟到的企鹅 : 移动端大部分都是webkit querySelector可以覆盖大部分jquery的工作 而且移动端的方案都倾向于组件化,用虚拟dom保存更改,通过双向邦定 改变数据后,比较差异,然后自动更新dom 所以不提倡大量的dom操作, 象jq这种将逻辑与界面样式class混在一起的代码 既难看又不好重构
迟到的企鹅
迟到的企鹅
回复 @yak : 那依你看,在移动端不用jquery ,用什么? 原生js ?还是其他 ?
yak
yak
回复 @eechen : 棒槌在哪个移动端上用了jquery 发出来展示一下,不要象机器人一样复制粘贴,你再到处复制粘贴,我就写个爬虫自动回复棒槌
eechen
eechen
回复 @yak : Zepto是一个兼容jQuery API的轻量级JS库,但Zepto不兼容jQuery插件,而且速度也没有jQuery 2快. zepto.min.js是25KB,jquery-2.2.0.min.js是84KB,体积上看的确Zepto更小. 但更小并不意味着执行效率更高,有人测试过,jQuery2效率要比Zepto高不少.
yak
yak
只有你这样的棒槌才会在移动端用jquery
0
postbird
postbird

    低版本兼容性问题都存在实质性的解决办法,如果因为版本太高而不支持那就直接planB吧 说认真的,有调试的时间修改的时间,planB早就弄出来了,而且planB在受众里面必然是小众,就不需要耗费那么大的心思。

    个人认为,html5+css3不是那种什么h5小游戏能够体现出强大的功能来,PC端上用的依旧是很多,移动客户端有时候为了兼容和性能反而不会选择5+3的模式,看需求,你如果就开发html5的效果比较好的移动端,那就使用好了,如果性能至上,那就选择性的抛弃呗。

    至于将jquery用到移动端上的说法,不敢苟同,至少在我用的体验上,jquery在手机上的体验只能说。。。。。

迟到的企鹅
迟到的企鹅
如果手机上不使用jquery 那使用什么javascript库? 原生好像不太现实吧。
迟到的企鹅
迟到的企鹅
"低版本兼容性问题都存在实质性的解决办法" 请问,有没有哪个网站专门提供这些方法的?
0
曾建凯
曾建凯

HTML5的部分,其实html5最大好处,并不是带来了新的标签,而是更新到html5规范,各个浏览器厂商实现的html5 API。这些API包括了如Canvas——即时web绘图,Audio、Video,浏览器调用系统多媒体解码的接口,WebSocket接口,FileReader——在线本地文件读取器,LocalStorage——浏览器实现的客户端缓存,等等。这些才是HTML5的本质,所以如果你根本用不到这些特性,其实也就根本在用html4(接口+标签集)+xhtml(书写规范)而已,html5与你无关。

js部分,要确保IE兼容,最保险的做法,就是使用比较传统一点的类库,比如jquery,还有lodash等,以类库对最低版本的浏览器兼容为前提,那么你可以尽情的使用这些类库带来的方法,不过如果你真的必须兼容低版本的浏览器的话,则必须确保整个项目中的js都是严格使用这些类库提供的方法,而不是一会用_.each,一会用[].forEach这样模棱两可的写法。

css3的问题,的确是目前差异比较大的,因为css3实现很多新特性,要花时间了解css2和css3有什么区别还是需要很多精力的,尤其是现在到处都是css3的教程。推荐你去找个CSS2和CSS3的chm文档,了解一下,否则如何确保css写法能兼容低版本的浏览器还是很头疼的问题。

不过客观的说,css2的规则集合是比较简单的——比起css3来说。

迟到的企鹅
迟到的企鹅
那css3 html5 如何兼容低版本ie ? 比如,pc web上要使用 css3的圆角 border-radius 比如,html5 的 video 有没有哪个网站专门解决这些兼容性问题的?
-1
yak
yak

主要是用在手机端, pc上还是jquery   参看 http://www.jsds.gov.cn/

返回顶部
顶部