- 博客(5)
- 收藏
- 关注
原创 nth-child vs nth-of-type
今天我在做一个小案例的时候,遇到这样一个问题,我想让我的第二个section 变成绿色,于是我使用了nth-child,代码如下:section:nth-of-type(2){ background-color: #f5f5f5; }结果我第二个section,并没有变色,第一个section却变色了,我觉得很奇怪。 后来,我又去查了nth-type-of 与 nth-of-typ
2016-08-15 08:59:09 357
原创 移动端性能陷进和硬件加速
减少或避免repaint,reflow也可以理解为减少dom元素的操作页面重绘:颜色,字体发生一些变化就会触发浏览器 repaint,位置发生变化例如修改了top,就会触发浏览器reflow,reflow的dom元素开销的成本从感官上讲明显是大于repaint,《《高性能的javaScript》》把dom开销比作是一座链接html和js的一座桥梁,每过一次就会收一次过路费,所以我们要尽可能减少使用d
2016-08-08 15:46:55 1795
原创 进程 线程
什么是线程 用来执行应用程序中的代码 在一个进程内部,可以有很多线程 在一个线程内部,同时只可以干一件事 而且传统的开发方式大部分都是i/o阻塞的 所以需要多线程来更好的利用硬件资源 给人带来一种错觉:线程越多越好 多线程都是假的,因为只有一个cpu(单核) 线程之间共享某些数据,同步某个状态都很麻烦 更致命的是: -创建线程耗费 -线程数量有限 -cpu 在不同线程之间转换,有上下文转换
2016-08-03 17:32:38 209
转载 webSockets
websocketswebsockets详解 HTML5 Web Sockets规范定义了Web Sockets API,支持页面使用Web Socket协议与远程主机进行全双工的通信。它引入了WebSocket接口并且定义了一个全双工的通信通道,通过一个单一的套接字在Web上进行操作。HTML5 Web Sockets以最小的开销高效地提供了Web连接。相较于经常需要使用推送实时数据到客户端甚至
2016-08-01 12:07:34 373
原创 css3新特性--弹性布局
今天谈谈我对css3 的出现的意义: css3增加了很多制作图片的新特性,例如圆角,阴影,文字阴影,以前我们都需要加载图片来完成,图片的加载速度很慢,现在我们只需要用css3就能实现。css3还增加了很多动画效果,以前我们要用flash做动画,让我们网页增加很多插件,不仅加载慢,还很厚重,苹果用户手机上用不了flash 注意在使用弹性盒模型的时候,父元素必须要加display:box;或disp
2016-08-01 08:40:39 344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人