诸葛清岚

浏览器渲染就像是一场精心编排的舞台剧，先解析 HTML 和 CSS 构建 DOM 树和 CSSOM 树，接着把它们融合成渲染树，布局，绘制，分块，光栅化，画

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

前言 我们在应用开发完成本地测试跑通以后上线，线上可能会出现一些测试没有测出来的问题，那么这个时候我们如何定位到哪里会出现问题呢，因为在测试环境可能浏览器的不同，或是没有做兜底出现了一些线上的问题，我

浏览的渲染过程简单来说就是：解析、构建渲染树、布局、绘制、复合，的过程。浏览器将 HTML 代码解析出来，把解析出来后的结果画到页面上，相当于就是，告诉浏览器，第一个像素点上应该呈现什么颜色，依次类推

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！

客户端对于 WebSocket 的封装重点考虑三个问题： 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种： 0、WebSocket.CONNECTIN

作为前端开发，远程测试是必不可少的。很多时候为了方便我们往往只做内网测试，即同个局域网内，通过localhost或者127.0.0.1即可访问您正在开启的服务。但有些功能必须使用外网才能完成测试，但又不能为了一个测试去搭建一个外网服务器。可以使用内网穿透工具，本地开启的服务器，…

最近在维护一款内网穿透的工具，我发现市面上的内网穿透工具很多，包括 Ngrok 、Localtunnel 、FRP ，他们的实现原理都差不多。我一开始认为内网穿透可以通过 Nginx 实现，但是通过对一些内网穿透工具原理的分析我才发现我理解得太简单了，接下来我会讲下内网穿透工具…

前端越来越卷，啥都得会点。内网穿透自己电脑启的服务，让远在千里之外的人也能访问到。这里选择 ngrok 只需要3步就可以搞定。