Eliauk__

eslint 使用eslint的生态链来规范开发者对js/ts基本语法的规范。防止团队的成员乱写. 这里主要使用到的eslint的包有以下几个： 使用的以下语句来按照依赖：...

一、业务背景 传统竞价机制中，“倒计时结束”是系统决定成交者的关键逻辑，但在实际中，最后3秒突然被抢价的情况极为常见，出现以下问题： 用户投诉平台机制不公平； 用户出价但未...

在高性能前端开发中，浏览器的渲染机制是绕不开的话题。Reflow（回流）与 Repaint（重绘）是性能优化的关键节点，但很多开发者对它们的认知停留在表面：“操作 DOM ...

1. 什么是跨域？ 先说个故事。 假设你开了家小店，店里有一只看门狗（浏览器的同源策略）。这只狗的工作很简单：只让本店员工进出，不让陌生人乱窜。但问题来了，你家进货的小哥（...

JavaScript 中的函数是一等公民，可以作为变量传递、作为参数传入其他函数，或者作为返回值。ES6 引入的箭头函数为我们提供了一种更简洁的函数语法，但它与传统的函数声...

浏览器缓存，配置得当，它能让页面飞起来；配置错了，一次小小的上线，就能把你扔进线上 bug 的坑里。你可能遇到过这些情况： 部署上线了，结果用户还在加载旧的 JS； 接口数...

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

双向数据绑定是 Vue 的核心特性之一，它让数据与视图始终保持同步 下面探究 Vue 内部响应式系统的实现原理、依赖收集和更新派发过程，以及 v-model 如何将这些底层...

1. 概述 在 项目开发中，我们经常需要处理数据的动态变化，例如： 性能问题：某个数据需要经过复杂计算，直接在 methods 中调用，每次都会重复执行，导致性能下降。 副...

最近在做一个需求，抢购倒计时和各种活动倒计时，使用了setTimeout 和 setInterval 然而，测试同学反馈bug倒计时: 不精确。 问题的本质 理论上，这段代...

一、背景：JavaScript 单线程和异步编程 JavaScript 的设计本质上是单线程的，这意味着在同一时刻只能执行一个任务。在浏览器环境中，这个线程同时需要管理 U...

从原理到实战：深度剖析短轮询、长轮询、长连接及 WebSocket 的实现与差异 在日常开发中，短轮询、长轮询、长连接和WebSocket是常见的几种通信技术，各自适用于不...

1. 初始化阶段：准备启动引擎 当你启动 Webpack 时，它就像一个超级工厂的启动按钮，开始准备好一切——加载配置文件、初始化插件，并准备好开始生产。 实例：准备你的工...

1. 背景 在 TCP（Transmission Control Protocol）传输过程中，数据丢失是不可避免的，TCP 通过超时重传和快速重传机制来保证可靠性。那么，...

1. application/x-www-form-urlencoded — 经典老兵，永远可靠的“黑客帝国” 角色简介： 这个选手是老兵，是传统 Web 表单的“开路先锋...

在前端使用中，浏览器与服务器之间的网络请求数量也在不断增加。传统的HTTP1.1协议在处理这些请求时面临着性能瓶颈，尤其是对于需要大量资源加载的页面。HTTP2引入了多路复...

HTTPS如何保证安全，以及如何防止中间人攻击 保护用户隐私和数据安全已经成为了一个不可忽视的问题。随着网络攻击的不断升级，HTTPS（超文本传输安全协议）成为了我们在网络...

1. CDN 是什么？ CDN（Content Delivery Network）是一种分布式网络，由地理上分散的服务器节点组成。其主要功能是将静态资源缓存到各地的边缘服务...