摘要： 这次先能够使用PC端的浏览器测试，首先需要下载官方的发布版本“WebPageTest 3.0”。 1. agent：浏览器代理软件 2. mobile：移动端参数相关代码 3. www：网站PHP代码 也可以参考官方的Private Instance配置，不过文档挂在google域名下，所以你懂得。 阅读全文

摘要： 在前一篇《配置》完成后，点击“START TEST”，就可以开始测试，测试需要一段时间。 有时候可能还要排队，如下图所示，测试完成后可查看到测试结果。 一、Summary 1）优化等级 优化等级分为A~F级别，评分项分别为： 阻塞时间（First Byte Time）、长连接已启动(Keep-ali 阅读全文

摘要： 网站性能优化工具大致分为两类：综合类和RUM类（实时监控用户类），WebPageTest属于综合类。 WebPageTest通过布置一些特定的场景进行测试，例如不同的网速、浏览器、位置等。 测试完成后，能获得优化等级、性能参数、请求瀑布图、网页幻灯片快照等，更多信息可以参考《WebPageTest快 阅读全文

摘要： 一、事件循环 JavaScript是单线程，同一个时间只能做一件事情，所以执行任务需要排队。如果前一个耗时很长，那么下一个只能等待。 1）两种任务 为了更好的处理任务，JavaScript语言的设计者将任务分为两种：同步任务（synchronous）与异步任务（asynchronous）。 同步任务 阅读全文

摘要： 一、排序 1）桶排序 准备大量的木桶，用木桶的标号（数组下标）作为数据，按照木桶标号的顺序进行排序。 2）选择排序 从“待排序部分”找到最小值（或最大值），让“待排序部分”的起始位置向后移动。 3）冒泡排序 比较相邻的两个数据，把这两个数据按照大小关系正确的交换排列。 4）插入排序 不断地把数据插入 阅读全文

摘要： JavaScript中通常分为两种类型转换，“隐式强制类型转换”（implicit coercion）和“显式强制类型转换”（explicit coercion）。 下面所有代码的源码可以在此处查看。 一、强制转换为字符串（ToString） 1）ToString 基本类型值的字符串化规则为：nul 阅读全文

摘要： 一、值 1）数字 JavaScript只有一种数值类型：number（数字），包括“整数”和带小数的十进制数。 由于数字值可以使用Number对象进行封装，因此数字值可以调用Number.prototype中的方法。例如，tofixed(..)方法可指定小数部分的显示位数： 2）整数检测 3）nul 阅读全文

摘要： 对于table的一些基础信息不了解的，可以参考我以前写过的一篇《关于table的一些记录》。下面演示的代码，具体的源码可以参考此处。 一、表格固定左边与顶部 公司最近要做个排期系统，当滚动表格的时候，需要将顶部和左边的分别固定起来。 1）固定顶部 原理就是用标签模拟出顶部的样式，通过脚本计算出高度， 阅读全文

摘要： 最近有个需求，需要在页面上面自动点击、输入、提交。 用以模拟真实用户的操作行为，可以通过直接执行某个元素绑定的事件，来执行操作。 也可以创建事件，再派发事件，执行操作。关于事件的更多细节，可以参考《JavaScript中事件处理》 1、模拟MouseEvent中的click事件，x与y位置随机点击 阅读全文

摘要： 一、substring与substr substring substr 概述 语法 参数 indexStart：一个 0 到字符串长度之间的整数 indexEnd：可选，一个 0 到字符串长度之间的整数 start：开始提取字符的位置，可为负值 length：可选。提取的字符数 1. indexSt 阅读全文