2020-06-23 html的跨标签页通信方式 + css的下拉橡皮筋效果 + js的异步请求重试策略 + LF和CRLF

最新推荐文章于 2022-11-11 19:05:14 发布

原创最新推荐文章于 2022-11-11 19:05:14 发布 · 516 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #css3 #html #html5

JavaScript 同时被 3 个专栏收录

141 篇文章

订阅专栏

每日3+1

132 篇文章

订阅专栏

HTML5

61 篇文章

订阅专栏

本文探讨了跨标签页通讯的方式，包括websocket、localstorage和sharedworker的特点与应用场景，同时深入解析了异步请求的重试策略，如在Node.js中的实现方法。

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

[html] 跨标签页的通讯方式有哪些

1. websocket： 全双工通信协议，可以实现多标签的通信；
2. localstorage： 浏览器多个标签共用的存储空间，注意如果不手动删除，是永久不会失效的；
3. sharedworker： html5 浏览器的新特性，可以被多个winodw共同使用，但需要这些标签页都是同源的
    // sharedWorker所要用到的js文件，不必打包到项目中，直接放到服务器即可
    // 注册一个onmessage监听信息的事件，客户端(即使用sharedWorker的标签页)发送message时就会触发。
    let data = ''
    onconnect = function (e) {
      let port = e.ports[0]

      port.onmessage = function (e) {
        if (e.data === 'get') {
          port.postMessage(data)
        } else {
          data = e.data
        }
      }
    }

    webwork 无法在本地使用，会受到浏览器本身的安全机制。

[css] 实现一个下拉不到底的橡皮筋效果

思路： 利用 animation动画去设置每一帧的transform scale3d效果。
效果和代码： https://blog.youkuaiyun.com/qq_44699174/article/details/106090933

[js] 异步请求重试策略有哪些呢？

nodejs异步请求重试策略总结 https://blog.youkuaiyun.com/weixin_33682790/article/details/85867933
nodejs重试机制实现 https://blog.youkuaiyun.com/weixin_39169700/article/details/79759725
promise的重试机制 https://blog.youkuaiyun.com/qq_40420294/article/details/101920789

[软技能] LF和CRLF的区别是什么？

都是文本换行方式，
1. CRLF carriage return line feed  回车换行，“\r\n” windows环境的换行方式；
2. LF line feed 换行，“\n” linux环境下的换行方式；