Chrome代码调试指南
打开开发者工具 在Chrome菜单选择:更多工具->开发者工具 在页面原色上右键单击,选择检查 快捷键 打开最近关闭状态 cmd+opt+i或ctrl+shift+i 快速查看DOM或样式 Command+Option+c或Control+shift+c 快速进入Console查看log运行JavaScript Command+Option+j或Control+shift+j F12打开 使用Elements调试DOM 查看与选择DOM节点 将鼠标移动到需要被查看的元素 右键选择检查 通过开发者工具左上角的小箭头可以选择需要查看的元素 通过如上图所示按钮,也可以定义调试工具所处位置。 实时编辑HTML和DOM节点 在调试工具处,双击dom节点即可进入编辑。 也可以通过右键节点选择编辑HTML模式。 在Console中访问节点 通过document.querySelectAll访问 通过$0快速访问选中元素 拷贝->js path 复制出的路径是通过querySelector接口选择的元素 ...
git配置多个SSH-Key
前言 由于Coding日常爆炸,不得不考虑所有站点都进行多部署操作了。但是在其他平台最好的方式就是通过GitHub作为媒介,进行无缝同步。于是为了个人仓库看起。来不是那么混乱,于是决定在注册一个GitHub账号,专门用来存放静态页面。作为多部署的媒介(GitHub Pages太慢了,只能放弃)。 那么问题来了,我的ssh公钥已经在我的主账号添加了,小号不能在添加这个公钥。于是只能新创建一个密钥对。但是无论如何,小号都无法通过验证。 1ssh-keygen -t rsa -C "examp@examp.com” -f ~/.ssh/github-gos967 解决方案 通过向百度学习,找到了一种较为妥协的方案。 修改~/.ssh/config文件,配置git信息 123456789# 账号1登陆认证Host github.com HostName github.com IdentityFile ~\\.ssh\\id_rsa# 账号2的登陆认证Host tzki.github.com HostName github.com IdentityFile ...
计算机通信流程
同一网段内计算机通信流程 参考地址:https://www.processon.com/view/5d784083e4b01080c73b9ca8 如上图为一个简单的同一网段内主机的示例。 如果计算机A向计算机B发送消息,那么 应用层会获取计算机B的ip地址(例如192.168.3.98,端口号为3456),并且将数据封装交给传输层 传输层会利用TCP协议将数据封装端口号(源端口号|目的端口号|数据),并交给网络层 网络层利用ip协议为数据封装IP地址(源IP地址|目的IP地址|源端口号|目的端口号|数据),并交给数据链路层 数据链路层进行判断判断自己的ARP表是否存在目的MAC地址。 存在 利用以太网协议给数据封装MAC地址(源MAC地址|目的MAC地址|源IP地址|目的IP地址|源端口号|目的端口号|数据),并交付物理层。 不存在 向本网段内发送一条ARP广播,含义为谁是IP 192.168.3.98,你的MAC地址是多少。 此时计算机B收到广播后,发现IP是找自己的则先将计算机A的ip与MAC记录到自己的ARP表里,然后给计算机A回复一个ARP响应包, ...
三次握手与四次断开
TCP是一种面向连接的单播协议,在发送数据前,通信双方必须在彼此间建立一条连接。所谓的“连接”,其实是客户端和服务器的内存里保存的一份关于对方的信息,如ip地址、端口号等。 一、三次握手 三次握手的过程 TCP 三次握手就好比两个人在街上隔着50米看见了对方,但是因为雾霾等原因不能100%确认,所以要通过招手的方式相互确定对方是否认识自己。 简单的比喻 张三首先向李四招手(syn),李四看到张三向自己招手后,向对方点了点头挤出了一个微笑(ack)。张三看到李四微笑后确认了李四成功辨认出了自己(进入estalished状态)。 但是李四还有点狐疑,向四周看了一看,有没有可能张三是在看别人呢,他也需要确认一下。所以李四也向张三招了招手(syn),张三看到李四向自己招手后知道对方是在寻求自己的确认,于是也点了点头挤出了微笑(ack),李四看到对方的微笑后确认了张三就是在向自己打招呼(进入established状态)。 于是两人加快步伐,走到了一起,相互拥抱。 为什么是三次 过程:张三招手–李四点头微笑–李四招手–张三点头微笑 。其中李四连续进行了2个动作,先是点头微笑(回复对方), ...








