qq_39529315的博客

1:100毫秒的界面响应时间与60FPS。（界面的流畅性） 2：速度指标（speed index）小于1250ms。 3：3G网路环境下可交互时间小于5秒。 4：重要文件的大小预算小于170kb。...

最近在一个公众号看到滚动视差效果，觉得挺有意思的，相比传统滚动的显示效果让人耳目一新。 来源：http://web.jobbole.com/95068/ 主要是运用background-attachment属性，该属性有四个值，分别是scroll（默认）、fixed、local和inherit scroll：背景相对于元素固定，背景随页面滚动而滚动，背景和内容绑定 fixed：背景相对于视...

之前处理导航栏和tab关联的时候看别人对插件的使用，在a标签中触发事件，获取a标签的href，data-id属性，来创建一个新的tab，并且不处罚href，在iframe中根据href打开新的iframe。 用法: <div> <a class="b" href="111.html" id="a" onclick="qwe();event.returnValue=f...

1:在布局的时候会碰见子元素设置边距影响父元素的情况，对已经布局好的界面产生影响。 .parent{ width: :300px; height: 300px; background-color: green; } .child{ width: 200px; height: 200px; background-color: blue; } ...

当出现浮动元素和文字（或其他）在同一个div内会出现显示上的问题，有时候需要清除浮动效果来达成界面上的设计。 比如一个img和p标签，未给img添加浮动时候，p内容在img的下面，如果需要同行显示就需要给img浮动，然后清除img的浮动属性，达到img和p在同一行左右排布。 1：添加非浮动的清除元素 (1)：伪类元素清除浮动 在需要清除浮动元素的外容器添加伪类元素 .clearfix:...

今天测试一个动画效果，直接在页面中使用@keyframes的时候会出报错，相关css样式全部变灰， 后面试了试外部引入样式文件之后可以成功运行。 暂时还不知道为什么会这样。...