暗礁

如果你做过任何需要登录的功能，那么你一定思考过这个问题：当后端甩给我一个token时，我一个前端，到底应该把它放在哪儿？ 这个问题看似简单，无非就是 LocalStorag...

前言 在前端开发中，页面白屏是一个关键指标。一方面，页面加载时白屏时间过长会显著影响用户体验；另一方面，异常场景下白屏更是系统稳定性的一大隐患。 本文将介绍前端项目白屏监测...

本文深入探讨了云音乐海外项目在实现多语言支持过程中的探索和实践，从最初的手动文案管理到发展出一套全自动化的多语言管理系统——千语平台的演变过程。...

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的...

本文讲述了WebSocket是什么，为什么需要WebSocket，WebSocket的服务器、客户端代码实现以及心跳机制的实现。...

面试的时候经常会问到手机端应用 App 怎么跟 h5 通信的问题，什么是 JSBridge？说实话，之前没有认真研究过，最近入职了新公司正好是 App 和 h5 混合开发模...

Websockt断线重连和心跳机制 WebSocket心跳机制原理 1.客户端建立WebSocket连接。 2.客户端向服务器发送心跳数据包，服务器接收并返回一个表示接收到...

我选择把 HTML 放入离线包，这意味着 H5 出现线上故障时，没有办法及时修复。因此，我必须额外设计一套降级方案，保证离线包发生故障时能够快速降级。...

gzip 技术早期用于unix系统的文件压缩，后广泛应用于HTTP协议以用于提升web应用性能。这就要求客户端浏览器以及web代理服务器，例如apache nginx ii...

如何通过在 Nginx中正确配置 gzip_static直接使用 gzip文件，而不是经用 Nginx动态压缩源文件...

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性...

本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。...

如何通过和 APP 的配合大幅提升 H5 页面的首屏加载速度，如何构建一套秒开系统，让 H5 拥有类似小程序的性能体验。通过接口预请求让APP打开H5的同时并行请求数据，消...

不想让前端代码做一些 App 个性化适配的前提下，想要提高秒开率，又不想开隐藏容器增加内存开销，那在 iOS 上只有这一种拦截方式了。笔者踩了很多坑，来让大家少走弯路。...

B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。...

微前端是一种由独立交付的多个前端应用组成整体的架构风格。具体的，将前端应用分解成一组能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。...

antd默认的下拉框只能显示名称，但是有些数据名称可能重复，比如说人名，这时候用户在选择的时候，希望看到更多的信息来区分，比如说工号或角色。 基于上面情况我们来封装一个用户...

背景是我们团队有个项目，上线后，偶尔会听到有人反馈说页面白屏了，刷新页面才好，因为有相当的机率复现，就排查原因。具体是什么情况，请听我慢慢道来。...