前端JavaScript

序言 近期，在使用WebSocket（WS）连接时遇到了频繁断连的问题，这种情况在单个用户上每天发生数百次。尽管利用了socket.io的自动重连机制能够在断连后迅速恢复连接，但这并不保证每一次重连都

序言 在实际项目开发中Web Workers虽然很少用，但确实很有用（在某些场景下）。 JavaScript单线程的特性意味着所有任务都在同一个线程上按顺序执行，复杂的计算可能会导致界面卡顿，影响体验

序言 本文希望达成的目标只有两点：mock、数据。从而降低使用mock的心智负担。 背景 最近在vite5➕ReactTs的项目中（没错，vite早已到5.x的版本了）大量用到了Mock数据。项目在此

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

序言 很早以前就知道strap的存在，一直没有机会使用到。 很早以前就想找一个类似strapi的框架，来帮我快速搭建后台服务。(零成本打造你的后台服务)

随着人工智能技术的突飞猛进，我们终于迎来了代码审查的新纪元。 AI技术已被应用于自动化识别代码中的潜在问题，包括但不限于代码风格一致性、潜在的bug、性能问题、安全漏洞等。 通过训练模型识别代码模式和

JavaScript提供了很多原生好用的操作符，在开发过程中如果能合理的使用肯定能达到事半功倍的效果。我们的目标是能少些一个字符，绝不多写 😁 背景 在日常开发中，我们经常会遇到需要检查字符串中是否包

明明清除了缓存，浏览器还设置了disable cache ,但拿到的还是被缓存的资源！！！ 背景 对于前端而言，在日常工作中，CDN导致的问题是相对较难排查的。单纯从代码层面而言的确没有问题、而且自己

背景 在互联网高速发展的今天，文件上传已经成为网页应用中的一个基本功能。随着用户上传文件尺寸的不断增大、对质量清晰度的要求也越来越高。如何提高上传速度、优化用户体验成为了前端开发者必须面对的问题。

借助docker将配置文件生成镜像，后续需要调试本地history包时，就可以通过一个命令，一步到位。

前言 熟练使用调试工具，势必能大幅提高我们的开发效率，达到事半功倍的效果。废话不多说，直接进入主题。 Filter过滤 过滤器最简单的用法当然是直接输入过滤的字符，但这远远不够🤗。除了直接输入，我们还

前言 在实际开发者，部分ts内置类型只有在高版本的ts中才能使用。在低版本ts中我们可以自定义内置类型来达到完全一样的效果，同时有利于我们对ts更深层次的理解，快速提升TypeScript编程能力。

😄今年的第一篇总结😄，文章不长、花5-10分钟就能看完，相信一定能对你有所帮助。npm插件本地调试、npm包高效开发、本地引入npm插件、node监控文件变化

前言 “ 醉过才知酒浓 🍷 ，爱过才知情重。❤️ ” 对于正则既爱又恨，爱是通过几句简单的code就能实现强大的功能，恨是难以真正的掌控它。 每次需要用到复杂点的正则表达式我们都要通过搜索引擎查询，而

说到用网页打开终端，如果你有用过云服务器，肯定对这个就更熟悉了，如阿里云的Workbench远程连接。网页终端、web-terminal、web terminal、xtermjs、xterm.js

肯定有很多前端程序猿联调前很悠闲😌，但联调阶段持续加班，直到提测、上线。 但如果我们能在联调前完成大部分工作，相信就能准点下班啦🚘。。 【前端MOCK数据】这么好的工具为啥不用啊？

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前端如此多娇，令天下码农尽折腰。前端常用网站汇总。 html5、JavaScript、前端动画库、npm库、前端监控、埋点。

前言 你了解http缓存吗？http请求在什么状态下会返回304状态码？ 下面5张图，花了一晚上整理画出来🙈，图画的不太好看，但意思十分明确，不要太嫌弃喔。相信看完后，能让你对http缓存有比较深刻🤔

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。什么是防抖？什么是节流？它们之间有什么区别？你能举例说明一下吗？防抖和节流的区别和实现详解（中高级前端面试必备知识）

本文正在参与 “性能优化实战记录”话题征文活动，网页的卡顿性能优化，前端性能优化，javascript性能优化，首屏加载优化，css加载性能优化，前端服务端渲染性能优化。页面卡顿优化、网页卡顿优化