陈平安201

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEff...

函数防抖与节流是很相似(但不同)的概念，简单来说就是一个能控制一段时间某个函数的执行次数的方案。用来优化计算机或网络资源。再白话点就是当你的函数高频率执行时能让你的这个方法...

适用场景：需要快速迭代、客户端难实现的、用作展示的功能模块，例如可视化图表。 一般页面在 dom 渲染后才能展示，可以发现，H5 首屏渲染白屏问题的原因关键在于，如何优化减...

一、WebView组件封装系列文章 WebView组件封装(一)——怎样使用全局缓存池管理提高WebView加载速度 WebView组件封装(二)——怎样用设计模式封装We...

在前端开发中，防范跨站脚本攻击（XSS）和跨站请求伪造（CSRF）是构建安全Web应用的关键环节。内容安全策略（CSP）则在其中扮演了重要的角色，尤其在XSS防御方面。 一...

React Hooks 实战：这5个自定义Hook让我开发效率提升了40%...

一、开篇前言 在H5页面运行过程中，首页白屏时间过长会严重影响用户体验。特别是在高并发请求、大量资源加载或网络约束情况下，白屏问题尤为显著。本文将深入探讨该问题的根本原因，...

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

内存泄漏是指程序中分配的内存空间在不再需要时未被正确释放或回收，导致该内存空间无法被再次使用，最终导致系统内存资源的浪费和程序性能下降的现象。...

前言 之前面试，面试官递过来一段代码："看看这段代码有啥问题？" 我扫了一眼——标准的 React 组件，用了 useState 和 useEffect，设置了个定时器每秒...

最近的金三银四，有没有人去看看市场过？ 降薪？外包？离家远？ websocket页面休眠了怎么处理 链接因为某些原因出了故障，导致延迟几秒，要怎么处理 心跳请求一般做几秒...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

昨儿中午吃着饭，不知道为啥突然和同事聊起来AI发展的事儿了。虽然我们只是"🐂🐎"，但是不妨碍咱们坐井观天，瞎扯淡聊聊天。 他的主要观点是：现阶段的AI绝对无法取代程序员...

大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢...

WebSocket 是一种在客户端和服务器之间建立实时双向通信的协议。具备全双工、低延迟等优点，适用于实时聊天、多人协助、实时数据展示等场景。...

在去年的一场面试中，面试官向我提了一个问题： 面试官：后端一次性给你一千万条数据，渲染到页面上发生卡顿，你该怎么优化？ 我：我会问候后端（bushi）...

概述 性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。 性能优化的方式有很多，...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

我们今天来讲解两道经典的字节面试题。在讲解之前，我们需要学习一个前置知识——async和await的用法。 1. async和await的用法 async和await是用来...

前端埋点和监控是前端开发中非常重要的一部分，尤其是在数据分析、性能优化和用户体验提升方面。以下是对前端埋点和监控的详细解读，以及如何在面试中回答相关问题。如果不知道的小伙伴...