2020-08-30 html的密码的明暗文切换 + css的小车行驶动画 + JS的改变作用域链 + 软技能的websocket实现握手

2020-08-30 题目来源：http://www.h-camel.com/index.html

[html] 写一个密码默认星号，但可以查看密码的输入框

主要就是改变input标签中的type属性，利用jquery来实现一个比较low的demo：

<button id="btn" onmousedown="changeText()" onmouseup="changePwd()">按钮</button><br />
<form>
    <input id="pass" type="password" name="txt" />
</form>

<script>
    function changeText() {
        $("#pass").attr("type", "text");
    }

    function changePwd() {
        $("#pass").attr("type", "password");
    }
</script>

[css] 使用css3实现小车行驶的动画效果

包含源码：

https://www.html5tricks.com/css3-car-running.html

[js] js的哪些操作可以改变作用域链？

1.eval() 是一个全局函数，可计算某个字符串，并执行其中的js代码。 接受的参数必须为原始字符串，否则会报出异常。

2.with() 用于设置代码在特定对象中的作用域，会将指定的对象添加到作用域链中。

3.try-catch 会创建一个新的变量对象，包含被抛出的错误对象的声明。

总结自 https://blog.csdn.net/summer199605/article/details/88901310

[软技能] websocket是如何实现握手？

websocket在建立连接时，借助的还是http协议的三次握手

1.client发出带有SYN的同步标志的数据包，到server

2.server收到数据后，发出带有SYNACK的同步确认标志的数据包，到client

3.client发出带有ACK确认的数据包，到server

至此，建立完整连接，开始传输数据