白色小甜羊
获得徽章 2
- #青训营笔记创作活动#
1月17日 打卡day3
主要学习了前端必备实用工具与网站。包括在线编辑工具，优质项目参考，图标库，图片下载网站，快速部署建站，性能测评等工具，这些工具对前端学习有很大帮助。评论点赞 - #青训营笔记创作活动#
1月16日 打卡day2
主要学习了前端浏览器调试的方法——打印输出、普通断点、条件断点、DOM断点、VS code 断点等调式方式。
打印输出——有多个变量需要输出,可以添加一个中括号，同时借助ES6的属性的简洁表示法，可以更直观的查看变量对应。也可以在控制台输出警告信息,错误信息，计算代码段的执行时间。
断点的方式有两种:直接断点、代码断点。并学习了细分下断点的调试知识。展开评论点赞 - #青训营笔记创作活动#
1月15日 打卡day1
我主要学习了以下几点:
1.前端可以用whistle进行抓包，主要抓取http或https包。
2.通信的实体是进程，进程由主机地址和端口号确定。
3.http与https的抓包原理:
http抓包只需要中间人转发客户端与服务端数据包。
https引入了密码学技术，在http与tcp之间插入安全层SSL/TSL。中间人想要抓包需要在https加密通信之前拿到通信数据密钥，与客户端和服务端建立https加密连接。
4.电脑抓取手机数据包:
首先电脑与手机端要连接同一个WIFI。
接着电脑发起一个服务器进程，监听一个端口如8899。
再配置手机网络代理，指向PC端IP地址和监听端口8899。
这样，手机的网络通信都会先转发到PC端的8899端口。whistle监听端口可以捕获数据包。
whistle具体配置可以参考文章的展示。
展开评论点赞