Endeavour_T

深入解析 async/await 本质，从执行机制、常见陷阱到并行优化、错误处理，带你真正理解其背后原理与最佳实践，告别“只会写不会懂”的尴尬，写出更健壮的异步代码。...

在前端开发中，跨域问题是一个常见且棘手的问题。本文将详细介绍什么是跨域，以及几种常见的跨域解决方案，并附上代码示例。 什么是跨域？...

设计模式听起来高大上，其实就是一些经过验证的、高效的代码写法。你的代码会变得更清晰、更易维护。 1. 外观模式：提供一个简单的接口 想象一下，你家有很多电器：电视、空调、音...

IntersectionObserver 是浏览器原生提供的「异步交叉观察器」，用来高效监听「目标元素与其祖先或视口是否相交」以及「相交比例变化」。...

引言 在软件设计模式中，单例模式（Singleton Pattern）是一种创建型设计模式，它确保一个类只有一个实例，并提供一个全局访问点来获取这个实例。这种模式在许多场景...

泛型是 TypeScript 类型系统中一个非常强大和核心的特性，它允许我们编写可重用、灵活且类型安全的组件（如函数、类、接口、类型别名）。 一、 什么是泛型？为什么需要它...

插槽是 Vue 组件系统中非常重要的一个特性，它允许你在组件中预留位置，让使用组件的父级可以插入自定义内容。...

SSE 的本质是基于 HTTP 的服务器向客户端单向推送数据的技术。 一、前世：HTTP 早期的 “推送困境” 与替代方案 HTTP/0.9（1991）：无推送可能 HTT...

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。...

一、核心思路与算法选择 最优解：使用哈希表（对象或Map）统计字符频率，再遍历哈希表找出最大值。 步骤： 遍历字符串，用哈希表记录每个字符的出现次数。 遍历哈希表，找出最大...

本文简单介绍了 husky 和 lint-staged 的集成方式，并扩展了 git hooks 和 npx 的一点知识...

无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~...

本文章讲解面试时的手撕代码相关的节流与防抖相关问题，用js代码来实现节流与防抖，从而让浏览器的性能得到优化...

本篇将结合自身使用 ES6 Promise的情况，总结下Promise在我们项目开发中的常见的应用场景，当然，Promise 也许不是唯一选项，但是我们作为一个合格的前端开...

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在...

基本概念 ESM（ECMAScript Modules） 和 CJS（CommonJS） 是 JavaScript 中两种不同的模块系统。它们的设计目标、语法和使用场景有所...

单点登录 单点登录：Single Sign On，简称SSO。用户只要登录一次，就可以访问所有相关信任应用的资源。企业里面用的会比较多，有很多内网平台，但是只要在一个系统登...

WebSocket在2008年被提出，其通信协议于2011被制定为标准 与http不同，websocket支持全双工通信（即：在客户端和服务之间双向通信）在websocke...

今天我们来聊聊 Rollup和webpack不同，这是一款专注于优化打包效率和代码体积的工具。你可能熟悉 Webpack 或 Vite，但 Rollup 也一直在前端打包工...

如果你使用过Tailwind CSS或者UnoCSS，那么你一定配置过PostCSS，但你真的了解PostCSS吗？我想大多数人和我一样，都是跟着tailwind文档之类的...