初晨丶

本组件是一个基于原生 HTML/CSS/JS 开发的交互式图片对比工具（Image Comparison Slider），常用于展示产品渲染前后、照片修图前后或场景变化的效...

最近在使用uniapp开发时，有个功能既要支持H5和小程序双平台，又要实现图片自动压缩，还要处理好接口响应的各种异常情况。最终封装了这个 useUploadMethod 自...

Vercel 最近发布了 React 最佳实践库，将十余年来积累的 React 和 Next.js 优化经验整合到了一个指南中。 其中一共包含8 个类别、40 多条规则。 ...

高性能直播弹幕系统实现：从 Canvas 2D 到 WebGPU 前言 在现代直播应用中，弹幕是提升用户互动体验的重要功能。本文将深入介绍如何实现一个支持大规模并发、高性能...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

简历准备阶段 在2025年初的时候，听说公司要进行人员变动的情况，感觉情况不对，就开始准备面试了，但是平时的工作比较简单，也没有深刻的思考，拿不出难点/亮点项目，写出的简历...

VUE 1. 生命周期 _init_ initLifecycle/Event，往vm上挂载各种属性 callHook: beforeCreated: 实例刚创建 initI...

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级...

前言 浏览器是一个多进程多线程的架构，以 Chrome 为例，每一个 tab 页都是一个单独的渲染进程。在这个渲染进程下，有 JS 执行线程和渲染线程。 JS 执行线程与渲...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

其实很早就开始写了，只不过刚开始写的时候理解不够深刻，后来慢慢就写其他觉得较高大尚较内涵的了，然后就又是觉得不够完美不够深刻又写一半，就此陷入强迫症患者明知不可为而为的死循...

定位其实是一个很复杂的问题，涉及到了很多知识点，生活中基于定位的应用场景也有很多，比如最常见的打车，司机需要知道你在哪里，同时打车软件也需要基于司机和乘客的位置规划一条路线...

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，...

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存...

本文根据2019年GitHub上尤大回复原文_rfcs 的讨论和自己的一些思考总结而来。 先有问题再有答案 为什么react需要fiber时间分片而vue没有? 为什么re...

作为一个组件库的使用者，经常会看到把React组件作为参数传递下去的场景，这些方案的适用场景如何，有什么不同，是否会导致组件的 memo 失效，是否会引发组件的不必要渲染?...