前端瓶子君

前言在数字时代的浪潮下，前端、后端和人工智能（AI）的融合发展已经成为技术创新和应用的关键驱动力。它们各自扮演着不同的角色，却又紧密相连，共同构建起了现代软件系统的核心架构。前端负责与用户进行交互，提供直观、友好的界面体验；后端则负责处理业务逻辑、数据存储和与前端的数据交换；而AI则通过智能算法和模

前端性能优化是提升网站加载速度和用户体验的重要手段。启用Gzip压缩是其中一种常见的优化技术。Gzip是一种广泛使用的压缩算法，它可以显著减少传输到客户端的数据量。今天分享这篇文章来详细谈谈如何开启Gzip压缩来优化前端性能。以下是正文：启用 gzip 压缩可大幅缩减所传输的资源文件响应的大小（最多

遇到问题日常工作中，经常会遇到很多敏感的数据，为防止数据的泄露，我们要在数据上做一些”包装“。目的就是让那些有心泄露数据的”不法分子“迫于严重的”舆论压力“而放弃不法行为，使之”犯罪未遂“，达到不战而屈人之兵的效果。而在安全部门工作的我们，数据安全的观念早已深入骨髓，每个文字，每张图片，都要留心是否

前端打包出来的静态文件名带有一串 Hash 值，主要是为了实现以下几个目的：缓存有效性：当文件内容发生变化时，Hash 值也随之改变，这意味着浏览器能够识别文件的更新。如果文件内容没有变化，Hash 值保持不变，浏览器可以从缓存中加载文件，节省网络带宽和提高加载速度。避免缓存问题：在开发和部署过程中

前言image.png什么是模块联盟(Module Federation)？让 JavaScript 应用间共享代码更加简单，团队协作更加高效。类似于服务端的微服务，Module Federation是一种支持前端应用分治的架构模式，它允许你在多个应用或微前端应用之间共享功能级代码，这种方案的好处是

0、前言关于promise、async/await的使用相信很多小伙伴都比较熟悉了，但是提到事件循环机制输出结果类似的题目，你敢说都会？试一试？🌰1：async function async1 () {    await

axios的两种调用方式经常调接口的同学一定非常熟悉aixos下面的两种使用方式：axios(config)// 配置式请求axios({  method: 'post',  url: '/user/12345',});axios

开发者编写JavaScript代码，而浏览器运行JavaScript代码。从根本上说，前端开发不需要构建步骤。那么，为什么现代前端需要构建步骤呢？随着前端代码库越来越庞大，以及开发者体验越来越重要，直接将JavaScript源码传输给客户端会带来两个主要问题：不支持的语言特性：由于JavaScrip

前言虽然大部分的接口处理我们都是加了loading的，但又不能确保真的是每个接口都加了的，可是如果要一个接口一个接口的排查，那这维护了四五年的系统，成百上千的接口肯定要耗费非常多的精力，根本就是不现实的，所以就只能去做全局处理。下面就来总结一下这次的防重复请求的实现方案：方案一这个方案是最容易想到也

之前有人跟我们说，出去面试的时候，有时候会遇到一些让人头疼的问题，比如有一次去字节面试，面试官就问了一个让他很奇怪的问题：“为啥POST请求有时候会发送两次呢？”这个问题听起来挺玄乎的，但其实用大白话来说，原因还挺简单的。咱们这就来聊聊这个事儿。首先，得明白啥是POST请求。POST请求就是咱们在网

写在开头最近，小编从玩了两年多的游戏中退游了😔，本来以为会一直就这么玩下去，和队友们相处很融洽，收获了很多开心快乐的时光😭。可惜，游戏的一波更新......准备要开始收割韭菜了，只能无奈选择弃坑了。小编属于贫民玩家，靠着硬肝与白嫖也将游戏号整得还不错，这两天把号给卖了💰。玩了两年多，竟然还能赚一点小

今天来分享 5 个贼有意思的前端开源项目！Inpaint-webInpaint-web 是一款基于 WebGPU 技术和 wasm 技术的免费开源图像修复和图像缩放工具，纯浏览器端实现。该项目使用的技术栈包括：React、Vite、TypeScript、Tailwind CSS 等。Github：h

关于路径别名一个前端项目通常会演变成复杂的嵌套目录结构。因此，使用相对路径导入可能会变得更长且更混乱，这可能会对代码的外观产生负面影响，并让辨识代码的来源变得更加困难，更加重要的是代码文件位置变动相对路径就得改变。使用路径别名即绝对路径导入，不仅解决了理解导入路径的问题，而且还简化了重构期间代码移动

很长一段时间以来，老有人私信跟我说，Vue 很先进，代表了未来，你不要沉迷在 React 这个年老色衰的技术栈里自娱自乐啦，睁开眼睛去看看世界吧，别的技术栈都发展早就比 React 更先进啦！！然后这些人估计都不会相信，我真的有非常认真的去把 Vue 从头到尾学了个遍，甚至 Vue2、Vue3 的原

本文作者：mapbar_front原文链接：https://juejin.cn/post/73271072546037596432014年，我从大学毕业，到现在已经马上接近10年整了，内心深处，对于基层管理（前端leader）这个岗位，有了深刻的理解。而现如今，整个IT行业经历了巨大的繁荣之后，也进

“一口气看完，比自学强十倍！”什么是NginxNginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。它具有低内存消耗、高并发能力和良好的稳定性，因此在互联网领域非常受欢迎。为什么使

Excerpt本文将探讨如何实现高性能、稳定且准确的倒计时器。我们将深入分析定时器API的选择、事件循环的影响、以及时间同步技术，提供最佳实践和代码示例，确保倒计时的精确性和效率。纯标题党！！！，但确实是阿里的大佬自己群里说的在面试时候必问的一个题目，其实这个问题不仅是在面试中，也在我们的业务里也会

原文链接：https://news.tonydinh.com/p/my-solopreneur-story-zero-to-45kmo[1]译者注：一名越南开发者两年前辞去工作，成为一名独立开发者。通过两年的努力，目前月收入达到 45000 美元。今天是我辞职创业两周年纪...

❝本文来自 Chrome 团队的 Jecelyn Yeen (阮贝琪)在FEDAY分享，主题为：探讨网页调试的现况、Chrome DevTools 的最新进展以及一些实用的 DevTools 小工具。现代Web开发中，为了满足用户的需求和期望，提高开发效率和...

作者：前端双越老师 链接：https://juejin.cn/post/7336859385782583308 年前就有和几个同学在和我聊天的时候，说：现在面试都不考基础知识和八股文了，上来就聊项目。 其实我也很早就意识到这个问题了，现在和前几...

昨天，朋友说有个新需求，需要在短时间内做 100 多个不同并且很复杂的表单（类似于下图，但可能更复杂），有没有什么好的解决方案呢。对于少量的复杂表单，手动编写尚可接受，但面对如此庞大的数量，逐个实现显然不...