总结UC的一些问题(一)

1.UC浏览器的touch事件问题 正常的浏览器触发touch事件的顺序都是touchstart、touchmove、touchend,但是UC浏览器中是touchstart、touchmove。 touchend去哪了?黑人问号??? 经过查资料发现Android平台的UC浏览器中touchend事件只有在tap(即轻触后立即...

Web前端的知识之旅哟—— HTML5(三十八)

HTML语义化 在进入正文之前,先谈一下什么叫做语义化: web语义化的意思是指,通过HTML标记表示页面所包含的信息,包括HTML标签的语义化和CSS命名的语义化。HTML标签的语义化是指:通过使用包含标签语义的标签,如h1-h6、strong,来恰当的表示文档的结构;...

clear与margin-top

今天碰到的一个问题,研究了一下拿了出来。 我们都知道浮动模型的一般用途是实现一种文字环绕的效果: (这里是一个浮动的div与p标签) 但是,当我们想让文字从图片的中间开始而设置了一个margin-top的时候,却会发现浮动的div被p标签一起向下拉动了。 (...

Web前端的知识之旅哟—— CSS3多列布局与盒子模型(三十七)

多列布局 为了能在web页面中方便实现类似报纸、杂志那种多列排版的布局,w3c特意给css3增加了一个多列布局模块。 多列布局主要是columns属性,这是一个复合属性,包含column-width和column-count两个部分。 div.wrapper { width: 400px; border: 1px...

Web前端的知识之旅哟—— CSS3动画(三十六)

二维动画——animation animation属性就是CSS3中的动画属性,默认的情况下是2d平面内的动画效果。这个属性必须配合@keyframes动画关键帧来使用。 animation是一个复合属性,它包括以下几个组成部分: animation-name:执行动画的keyframes的名字。 animation...

Web前端的知识之旅哟—— CSS3图形变换与过渡(三十五)

transform属性 transform属性是让元素可以做一些图形变换的,这个属性有很多种类的值。 很多属性值都有x、y、z轴三个轴的值,这里的x是指沿着浏览器朝右边的x方向,y是沿着浏览器朝下的y方向,z则是浏览器指向我们用户的方向。 1.rotate 这个属性值是旋转...

Web前端的知识之旅哟—— CSS3选择器(三十四)

CSS3中新增了很多选择器。 属性选择器 我们在前面的css选择器中学过这一个选择器。 E[attr=””] 我们通过这个写法就可以选择出属性attr的值为“”的元素,不过CSS3中给属性选择器新增了一点正则表达式的写法。 E[attr(符号)=””] 我们...

Web前端的知识之旅哟—— CSS3(三十三)

在开始CSS3之前我们要清楚一点的是:CSS3有很大的兼容性问题,IE9以下不兼容CSS3.0,IE10才开始全面支持CSS3。而由于浏览器厂商的不同,我们在使用CSS3的时候,有时候需要单独为每一种浏览器写兼容。 而兼容的方式就是在属性前面加上前缀: 前缀 浏览器...

Web前端的知识之旅哟—— Cookie(三十二)

cookie是由服务器端生成的,发送给User-Agent(一般是浏览器),(服务器告诉浏览器设置一下cookie),浏览器会将cookie以key/value的形式保存在某个目录下的文本文件内,下一次请求同一网站时就发送该cookie给服务器(前提是浏览器设置启用cookie)。 可...

Web前端的知识之旅哟—— 跨域方案与JSONP(三十一)

我们前面提到了同源策略,只有满足同源的脚本才可以获取资源,虽然这样确实保证了网络上的安全性,但是另一方面又限制了资源之间的互相利用,比如我们的AJAX,AJAX也是通过url来获取数据,同样也会受到同源策略的限制。 这个时候我们就需要一些解决跨域问...

Top