11 2019 档案

摘要:这是一个古老的问题,即我们输入URL后按下回车到网页测呈现都发生了什么? 加载过程到显示如下: 1.根据域名,进行DNS域名解析; 2.拿到解析的IP地址,建立TCP连接; 3.向IP地址,发送HTTP请求; 4.服务器处理请求; 5.返回响应结果; 6.关闭TCP连接; 7.浏览器解析HTML; 阅读全文
posted @ 2019-11-28 21:10 Syw_文 阅读(785) 评论(0) 推荐(0) 编辑
摘要:TCP属于OSI七层模型中的传输层协议,位于网络边缘,提供端到端的可靠数据传输,其有着承上启下的作用,协议数据单元为报文段(Message Segment)。 TCP需要提供以下功能: 分组和复用 应用报文的差错检测(包括出错、丢失、重复、失序、超时等) 提供端到端的流量控制 提供拥塞控制 运输连接 阅读全文
posted @ 2019-11-28 20:06 Syw_文 阅读(398) 评论(0) 推荐(0) 编辑
摘要:Content Distribute Network(内容分发网络)是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。 在之前的带宽与延迟章节,我们就提到了CDN,在该章节 阅读全文
posted @ 2019-11-28 19:50 Syw_文 阅读(226) 评论(0) 推荐(0) 编辑
摘要:https://github.com/laoqiren/web-performance 待全面学习 阅读全文
posted @ 2019-11-26 21:28 Syw_文 阅读(181) 评论(0) 推荐(0) 编辑
摘要:图像优化 在Web应用中,图片占据了很大一部分流量,所以对图像的优化必不可少。 图片格式 图片格式有许多,不同的格式在是否支持透明,是否支持动画,压缩方式,兼容性等方面存在差别。先放一张来自谷歌开发者文档的图: 矢量图像(待查什么是矢量图像) 概念:也称为面向对象的图像或绘图图像,在数学上定义为一系 阅读全文
posted @ 2019-11-26 21:27 Syw_文 阅读(865) 评论(0) 推荐(0) 编辑
摘要:一、静态资源 包括:html,CSS,js以外,还包括各种 图片资源、音频资源、字体资源等,由于有限的带宽和延迟影响,所以需要对资源做一些优化。 注:都可对如上的静态资源进行压缩,且加缓存来实现 二、资源压缩 概念:减小资源大小的过程叫做资源压缩。针对不同类型的资源有不同的压缩技术。本文主要总结文本 阅读全文
posted @ 2019-11-26 21:03 Syw_文 阅读(1424) 评论(0) 推荐(0) 编辑
摘要:提到前端性能优化时,我们首先会联想到文件的合并、压缩,文件缓存和开启服务器端的 gzip 压缩等,这使得页面加载更快,用户可以尽快使用我们的 Web 应用来达到他们的目标。 资源预加载:是另一个性能优化技术,我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。 引用 Patrick Ha 阅读全文
posted @ 2019-11-26 20:16 Syw_文 阅读(966) 评论(0) 推荐(0) 编辑
摘要:提到前段性能优化,不可避免的都会想到如下的解决方案: (1)减少HTTP请求(合并css、js,雪碧图/base64图片、CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。) (2)压缩(css、js、图片等前端资源皆可压缩,通常 阅读全文
posted @ 2019-11-26 18:55 Syw_文 阅读(191) 评论(0) 推荐(0) 编辑
摘要:CSS会阻塞渲染树的构建,不阻塞DOM构建,但是在CSSOM构建完成之前,页面不会开始渲染(一片空白),CSSOM构建完成后,页面将会显示出内容。 DOM(Document Object Model)是一个与语言无关的、用来操作XMl和HTML文档的应用程序接口。在浏览器环境下,我们是通过Javas 阅读全文
posted @ 2019-11-26 18:51 Syw_文 阅读(869) 评论(0) 推荐(0) 编辑
摘要:一、缓存位置 在浏览器开发者工具的 Network 的 Size 栏会出现的三种情况: from Service Worker from memory cache from disk cache 真正的网络请求(显示资源的具体大小,示例:15.6KB) 1、Service Worker 本质是作为服 阅读全文
posted @ 2019-11-26 18:34 Syw_文 阅读(1499) 评论(0) 推荐(0) 编辑
摘要:主要用途:文件的存放 (1)对于测试组:存放测试用例。主要针对当前的迭代,可新建对应的文件夹,上传存放相应的xmind、excel文件。方便开发查找用例文件 (2)对于项目:存放共用的文档等 这里只是个引子,具体的使用可根据实际情况进行。 示例图: 阅读全文
posted @ 2019-11-22 10:34 Syw_文 阅读(770) 评论(0) 推荐(0) 编辑
摘要:一、工具类: 1、instruments/traceview(性能调试工具) instruments:用于动态调追踪和分析OS X和iOS的代码的性能分析和测试工具 traceview:Android平台特有的数据采集和分析工具它主要用于分析Android中应用程序的性能问题 2、redis,MQ( 阅读全文
posted @ 2019-11-21 20:41 Syw_文 阅读(311) 评论(0) 推荐(1) 编辑
摘要:1、内存溢出(out of memory) 是指程序在申请内存时,没有足够的内存空间供其使用,出现out of memory;比如申请了一个integer,但给它存了long才能存下的数,那就是内存溢出。 2、内存泄露( memory leak) 是指程序在申请内存后,无法释放已申请的内存空间,一次 阅读全文
posted @ 2019-11-21 20:29 Syw_文 阅读(517) 评论(0) 推荐(0) 编辑
摘要:测试管理的核心要素主要包括人员、过程和技术 一、测试团队中的人 测试团队中成员要有成长空间才能团队稳定,所以测试团队成员要成梯队,分角色 测试团队分成测试工程师、高级测试工程师、测试设计师、资深测试设计师、测试经理等 技能区分:功能测试工程师、自动化测试工程师、性能测试工程师、安全测试工程师等 测试 阅读全文
posted @ 2019-11-15 13:53 Syw_文 阅读(711) 评论(0) 推荐(0) 编辑
摘要:新媒体商业内幕网通过采访一些职业建议专家,给求职者们总结出了6个可以问面试官的问题: 1、这个职位为什么要招人? 这个问题能让你知道,是因为之前的员工离职了,还是公司的高速增长需要扩张,或者是其他原因 2、为什么大家都想留在你们公司? 这个问题可以帮你搞清楚,这家公司的文化、价值观和环境对员工有什么 阅读全文
posted @ 2019-11-15 10:47 Syw_文 阅读(411) 评论(0) 推荐(0) 编辑
摘要:一、带宽和网速 带宽:接入宽带的理论网速上限,又分上行(即流出)带宽和下行(即流入)带宽 网速:当前网络的数据流量速度 带宽的单位是:比特/秒(bps); 网速单位是:字节/秒(B/s KB/s MB/s); 1 Byte=8bit(位) 1KB=1024Byte(字节)1 MB=1024KB1GB 阅读全文
posted @ 2019-11-13 14:32 Syw_文 阅读(914) 评论(0) 推荐(0) 编辑
摘要:一、为什么要进行弱网测试 弱网测试作为健壮测试的重要部分,对于移动端测试来说必不可少。这是因为目前移动端产品的使用用户所处的网络并非完全的流畅WIFI环境,仍有相当多的用户主要使用4G、3G、2G等网络,另外因移动端产品使用场景多变,如进地铁、上公交、进电梯等,使得弱网测试显得尤为重要。毕竟考虑到各 阅读全文
posted @ 2019-11-13 14:13 Syw_文 阅读(5505) 评论(0) 推荐(0) 编辑
摘要:一、算法规则 二、测试方案 1、6小时更新一次:一般开发会间隔6小时更新数据一次,那么更新的数据存储在哪里去了呢?一般会放在Redis缓存中。 2、示例:来源时间在近3天内,平台C端用户浏览最多前10条。想要得到这个数据,得使用mysql数据库的查询语句结合对应的表搜索出数据 3、针对搜索出的数据与 阅读全文
posted @ 2019-11-05 20:31 Syw_文 阅读(1953) 评论(0) 推荐(0) 编辑
摘要:图片是界面显示效果很重要的组成部分,图片加载关系到用户体验、应用性能,优化图片加载的常用策略为:预加载和懒加载。 图片太多导致向服务器请求的次数太多,图片太大导致每次请求的时间过长. 1、预加载、懒加载 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 懒加载:懒加载的主要目的是作为服 阅读全文
posted @ 2019-11-05 13:49 Syw_文 阅读(669) 评论(0) 推荐(0) 编辑
摘要:注:在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择 一、.jpg/jpeg格式的图片(jpg全名:jpeg) JPG(或是JPEG): 优点: (1)占用内存小,网页加载速度快 (2)主要用于摄影作品或者写实作品(或者其他细节、色彩丰富的图片)或大的背景图;对多色彩表现较 阅读全文
posted @ 2019-11-05 11:28 Syw_文 阅读(4089) 评论(0) 推荐(0) 编辑
摘要:功能缺失:实现与需求要求的功能不符、缺少某些功能的开发,找不到该功能的入口等错误 功能失效:查看页面存在此功能,但是具体功能未实现,功能点击使用不起作用 设计未实现:设计要求的样式没有完成或与样式要求不符、色值、大小、排版存在问题等错误 新增需求:开发过程中,针对遗漏的小功能,产品评估后需要实现,则 阅读全文
posted @ 2019-11-04 21:06 Syw_文 阅读(256) 评论(0) 推荐(0) 编辑