sorryhc

前言 笔者目前业务主要围绕ant design mobile组件库来交付H5前端工作。 故此出此专栏来解读每一个组件是如何实现的。 本文基于AI来解读image组件。 文档...

前言 笔者目前业务主要围绕ant design mobile组件库来交付H5前端工作。 故此出此专栏来解读每一个组件是如何实现的。 本文基于AI来解读button组件。 文...

背景 H5分配内存很少，在业务中需上传大视频，用户低端机经常出现crash、请求超时现象，基于已有的视频上传方案，应整体进行优化。 二、整体方案 三、Action 3.1、...

本文我们聊web性能优化，但不聊平时比较常规、基础的点，例如：应用瘦身、拆包、请求加载优化、图片优化、缓存等等。 文章开始前，想问大家一个问题：我们知道SSR配合缓存可以实...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

为追求极致的体验效果，钉钉提出了一种全新的小程序快照技术，既做到彻底消除白屏现象，同时也要能够响应用户交互。...

1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端...

乾坤（Qiankun）是一个微前端框架，它通过沙箱机制来隔离各个微应用，确保它们在同一个页面中不会相互干扰。以下是乾坤实现沙箱的主要技术和步骤： 一，沙箱实现原理 全局变量...

模块化是将程序拆分为功能独立、相互依赖的模块单元的软件设计方法，使每个模块完成特定功能并可被重用。在前端开发中，模块化解决了多个核心问题：全局变量污染导致的命名冲突、依赖关...

实时更新通知 使用WebSocket或Server-Sent Events（SSE）等技术，可以实现服务器与客户端的实时通信。当有新版本发布时，服务器会通过这些技术将更新通...

一、背景 目前主流的前端架构分为SSR、CSR、SSG，比较适合首屏直出的方案除了CSR都还不错，因为服务端会直接返回路由对应的html + css，浏览器直接解析DOM即...

本文首先介绍了 WebAssembly 的发展历程，从其历史演变深入了解 WebAssembly 技术的来龙去脉，并结合 Mandelbrot Web 示例来展示其核心价值...

说到性能优化前端同学肯定对雅虎军规特别熟悉，虽然随着网络技术的发展有些规则已经不合时宜，但其核心思想仍然在指导大部分 Web 开发者对页面进行性能优化 尽快建连（使用 CD...

一、业务背景 请客红包、小礼物作为饿了么自研的业务产品，在钉钉的一方化入口中常驻，作为高UV、PV的toB产品，面对不同设备环境的用户，经常会偶尔得到一些用户反馈，如【页面...

我们可以用 Stale-While-Revalidate 加速页面访问，策略分 3 步 在收到页面请求时首先检查缓存，如果命中缓存就直接从缓存中返回给用户 将缓存返回用户的...

前言在企业内部通常会有多套系统，为了解决多套系统重复登录的问题，通常会引入 SSO 用于实现统一登录。本文主要从登录/认证、登录态共享、登录态共享三个核心模块介绍 SSO ...

大家好，我是双越老师。从全栈角度看，前端能做的性能优化不多，就拆分资源和异步加载，这些都会在网络层面很好的解决。一个 web 系统的性能瓶颈主要在于网络和服务端，前端主要做...

讲解传统响应式和 TailwindCSS 中的响应式，有了 Tailwind 就不用再去写媒体查询了，这对于开发者来说是一个喜讯。在开发响应式方面最值得关注的就是断点，控制...

Next.js 优化打包体积减少69% 本文主要是针对具体问题的解决，性能优化的实践，提供一个思路和方法，各位看官具体情况需要具体处理。...