说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试,以及服务端性能测试。那本文谈到的则是H5前端性能测试,并希望通过阅读本文后,能够知道:H5前端性能测试什么?如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 浏览器是Html解析和页面最 ...
分类:
其他好文 时间:
2016-11-01 21:23:06
阅读次数:
297
一、基础准备: Horizon是基于django webframework开发的标准的Python wsgi程序,django的设计专注于代码的高度可重用,信奉DRY原则,一切面向对象,而Horizon可以说高度match了django的设计风格。网站程序基本有三部分组成,业务逻辑代码(Python ...
分类:
其他好文 时间:
2016-10-30 11:49:54
阅读次数:
508
篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下 通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-l ...
分类:
Web程序 时间:
2016-10-27 23:30:59
阅读次数:
512
现在手机的占比越来越高,各种酷炫页面层出不穷,这些特效都离不开css动画。说到css动画,主流的情况也就无非这两大类:位移和形变。而我们在写一个动画特效的过程中,如何去提升它的性能呢?当然首先我们需要去了解一下基本的概念,比如浏览器渲染的工作原理等,这些我也在读了几位大牛写的相关文章后才有了一定的了 ...
分类:
Web程序 时间:
2016-10-18 15:59:43
阅读次数:
230
1. 减少HTTP请求次数 合并图片、CSS、JS,改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的UR ...
分类:
其他好文 时间:
2016-10-13 14:42:03
阅读次数:
141
渲染过程: 1. 解析HTML(HTML Parser) 2. 构建DOM树(DOM Tree) 3. 构建渲染树(Render Tree) 4. 绘制渲染树(Painting) 解释: 通过请求得到的 HTML 经过解析(HTML parser)生成 DOM Tree。而在 CSS 解析完毕后,需 ...
分类:
Web程序 时间:
2016-10-07 11:27:02
阅读次数:
1238
最近在学习韩老师的php视频,中间有讲到发送请求到服务器返回内容,以前对这个理解并不深刻,虽然以前也知道一部分,这次听了之后收获良多;所以我就画了个流程图,从浏览器输入网址到服务器返回信息,浏览器渲染,呈现页面的具体过程。 今天是国庆节,明天才会出去玩,所以今天还是得学习,学习根本不能停啊,哈哈! ...
分类:
其他好文 时间:
2016-10-01 19:49:27
阅读次数:
214
在做javascript动画时,我们常常使用的方法就是通过setTimeout调用告诉浏览器每隔20ms执行一段js代码来对dom对象执行操作,这个貌似没有什么问题,但是当深入理解计算机的fps以及浏览器渲染原理后,你会发现会有更好的方法。 强烈推荐这篇文章: http://creativejs.c ...
分类:
编程语言 时间:
2016-09-23 01:20:54
阅读次数:
187
转自:http://blog.csdn.net/u012251421/article/details/50536265 说明: 本文提到的浏览器均是指Chrome。 “script标签“指的都是普通的不带其他属性的外联javascript。 web性能优化的手段并不是非黑即白的,有些手段过头了反而降 ...
分类:
Web程序 时间:
2016-09-07 22:36:55
阅读次数:
271
由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSSc ...
分类:
其他好文 时间:
2016-09-07 18:58:56
阅读次数:
152