小白菜包

最近在项目中遇到一个需求，每个会话需要显示一个计时器。后来发现一个bug，时间一直显示0。排查后发现，在计算时间差时，使用的是当前的客户端时间 - 消息中带的服务器时间，当电脑时间比网络时间晚（小）时，差值为负，这里就会显示0。 now - msgTime，所以 now 需要修…

JS、CSS、HTML 间的阻塞关系以及浏览器关键渲染路径 CRP 的相关概念和个人测试。参考文章已穿插标明。 1. JS 的加载和执行会阻塞 DOM 的解析 在构建 DOM 时，++HTML 解析器++若遇到了 JavaScript，那么它会暂停构建 DOM，将控制权移交给+…

页面初次显示内容时机和 DOMContentLoaded 之间是否存在关系。本文是概念介绍外加自测，如有错误恳请指正。 1. DCL 触发时，只有 DOM 加载并解析完成了 当纯 HTML 被完全加载以及解析时，DOMContentLoaded 事件会被触发，而不必等待样式表，…

TCP 连接的建立需要经过三次握手，断开需要经历四次挥手。在客户端与服务端建立连接后，后续的读写操作一直使用这个连接，并不会在一次读写完成后断开，直到客户端和服务端主动断开连接。所以 TCP 连接本质上是长连接。 HTTP 协议是建立在 TCP 协议的基础上的，当浏览器向服务器…

jointjs：商业收费库。 drawio： 现 diagrams.net，遵循 Apache v2 协议。mxGraph 是 diagrams 的开发基础，本篇是 mxGraph 的初步研究笔记。 mxGraph is a fully client side JavaScri…

汇总了几个 ECharts 地图和百度地图在可视化展示时的综合示例。 主要是在 ECharts 地图和百度地图上叠加展示一些数字、图片、其它图表和轨迹动画。 另外因为每个示例的代码配置项比较繁琐，这里只贴核心代码。 这是下篇百度地图部分。上篇是 ECharts 部分。 循环遍历…

这篇文章的重点不在防抖和节流概念的描述，而是记录防抖和节流中让我困惑的逻辑，包括 arguments 对象。如有错误，恳请大佬指正。 addEventListener 的第二个参数是一个返回 scroll 事件要绑定的回调函数 的函数。scroll 事件需要绑定一个函数，所以 …