接口测试、调试、网站优化
文章平均质量分 63
接口测试、调试、网站优化专栏
mn_front
这个作者很懒,什么都没留下…
展开
-
mock.js的使用方法
在开发过程中,有很多的ajax请求,前后端分离开发你肯定遇到这样的问题,后台给你的接口文档,你需要在本地模拟数据返回,可能你也用到过我之前用的蠢方法,就是新建一个test.json文件,放入接口文档中写的返回示例,这么做有个很大的问题是不够灵活,而且还需要切换url,现在学会使用mock.js拦截ajax请求,更加方便的构造你需要的假数据。一.简单示例在这里我举的例子是在vue项目中如何使用mock.js。安装mockjsnpm install mockjs --save-dev 在项目中创建转载 2021-07-05 17:07:06 · 389 阅读 · 0 评论 -
charles修改请求参数
1、charles修改请求参数和返回参数方法一:抓包获取到要修改的接口,右键点击breakpoints在重新刷新要访问的接口,可以截获接口修改请求参数,执行一下方法二:选择要修改的接口,点击导航编辑按钮直接修改接口方法三Proxy→breakpoint settings方法四:先点击Disable Breskpoints ,在刷新要访问的接口,直接拦截2、charles更改请求地址Tools-Map remote setting添加要替换的地址.转载 2021-05-07 10:32:24 · 947 阅读 · 0 评论 -
为什么利用多个域名来存储网站资源…
1、CDN缓存更方便2、突破浏览器并发限制3、节约cookie带宽4、节约主域名的连接数,优化页面响应速度5、防止不必要的安全问题主要是节省带宽。问题里的“网站的内容”,其实指的是网站的图片,或者视频,或者js,css。举例说一下:twitter 的主站http://twitter.com,用户的每次访问,都会带上自己的cookie,挺大的。假如tw原创 2017-03-18 16:31:59 · 1795 阅读 · 0 评论 -
细说jQuery如何实现懒加载
一、为什么需要懒加载?对于图片过多的使用场景,为了提高页面加载速度,改善用户体验,我们对未出现在视野范围内的图片先不进行加载,等到出现在视野范围才去加载。二、懒加载的实现原理-它的实现原理很简单,先把img的src指向一个小图片,图片真实的地址存储在img一个自定义的属性里,,等到此图片出现在视野范围内了,获取img元素,把data-src里的值赋给src。三、实现懒加载必备的原创 2017-03-18 16:31:24 · 6824 阅读 · 0 评论 -
网页加载的优化
1、图片使用base-64存储的好处?优点:减少 HTTP 请求,适合小尺寸的图片。若大尺寸的图片使用base 64 的话,会导致数据太大,加载过慢。缺点:浏览器不会缓存这种图像,除非其所在的js或者css缓存了,不能压缩2、懒加载原理是:它的实现原理很简单,先把img的src指向一个小图片,图片真实的地址存储在img一个自定义的属性里,等到此图片出现在视野范围内了,获取img元素原创 2017-03-18 16:31:21 · 235 阅读 · 0 评论 -
CDN缓存是什么
CDN是什么? 关于CDN是什么,此前网友详细介绍过。 CDN是Content DeliveryNetwork的简称,即“内容分发网络”的意思。一般我们所说的CDN加速,一般是指网站加速或者用户下载资源加速。 可能这种专业的说,很多朋友不好理解,下面给大家分享一个小编记忆深刻的例子。 举个通俗的例子: 谈到CDN的作用,可以用8年买火车票的经历来形象比喻:8年前,还原创 2017-03-18 16:31:19 · 487 阅读 · 0 评论 -
抓包工具charles的https抓包配置
环境windows 10问题开启Charles时,通过Chrome浏览器访问https地址,提示隐私设置错误,出现“您的连接不是私密连接”。报错原因未将将Charles的SSL Certificates添加到受信任根证书列表中,需要将证书添加到受信任根证书列表中。解决 安装证书 打开 charles,依次点击:Help -> SSL Proxying -> Install Charles Root Certificate ...转载 2021-05-06 15:01:32 · 1015 阅读 · 0 评论 -
抓包工具Charles--出现unknown情况解决办法
默认情况下,Charles只能抓取http的包,如果需要抓取https的包,需要进行以下设置1.电脑安装SSL证书通过Charles安装,进入Charles-》Help-》SSL Proxying-》Install Charles Root Certificate ,会打开证书,安装进去,下图是证书已经安装成功的结果2.Charles使能https抓包功能进入Charles - 》 Proxy - 》 SSL ProxyingSettings打开SSL设置界面,将图上所示复选框选中点击转载 2021-05-06 10:43:15 · 10246 阅读 · 0 评论