高级前端进阶

整个实现流程分为 5 个大部分：准备测试环境axios 核心请求构建多宿主环境（浏览器 || node）适配思想拦截器的实现原理如何取消请求1、准备基础的测试环境1.1 基于 Koa 准备一个最简单的服务程序：import Koa from 'koa';const&nb

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

很多2C的移动端H5应用，都会有邀请好友、分享之类的，通常会在前端实时生成一副海报图片，用户可以分享到朋友圈等，这类需求都需要解决前端DOM转图片的问题。今天带来一篇文章，作者从飞书的一键复制网页内容为图片，层层分解前端涉及到的技术点，希望大家看完有收获。下面是正文部分。李经理在使用飞书时无意中发现

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

前言组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，每个开发都有自己的想法。加上项目的持续迭代导致我们的代码变得愈发混乱，最终到达无法维护的地步。本文是我这几年使用组合式API的一些经验总结，希望通过本文让你也能够写出易维护、优雅的组合式API代码。选项式AP

前言最近有位面试官分享了一道他的面试题：vue3的ref是如何实现响应式的？下面有不少小伙伴回答的是Proxy，其实这些小伙伴只回答对了一半。当ref接收的是一个对象时确实是依靠Proxy去实现响应式的。但是ref还可以接收 string、number 或 boolea

背景作为直接面向用户的前端开发人员，我们都知道页面首屏打开速度的重要性，直接关系到用户的留存。提升 H5 页面打开速度的方法也有很多，有从网络优化入手的 CDN、gzip压缩、Keep-Alive等，有从加载优化入手的资源大小优化、懒加载、按需加载、代码拆分、Tree Shaking等，以及页面渲染

前言vue3的响应式API大家应该都特别熟悉，比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API，今天欧阳给大家带来一些不一样的。脱离vue项目，在node.js项目中使用vue的响应式API直接上代码话不多说，直接上

Vue/React 将前端开发从 jQuery 命令式的编程风格带到了声明式的编程风格，开发者只需要描述界面应该是什么样子，Vue/React 就会根据数据的变化自动更新界面。因此对于业务页面只需要关心数据有什么以及引起数据的变化有什么。数据数据主要有两大类，ui 相关和非 ui 相关。ui 相关前

前言发现有不少粉丝还傻傻分不清楚什么是编译时？什么是运行时？这篇文章我们来让你彻底搞清楚编译时和运行时的区别。编译时我将编译这个词语理解为翻译，这句话是什么意思呢？比如你要和一个老外沟通，你的英文超级烂。所以你说的是中文，老外却只理解英文。那你们两个人怎么沟通呢？所以你需要一个翻译器来将你说的中文转

前言介绍了如何利用 postTask 调度器来提高网页的用户体验和响应速度，通过高效地调度任务和处理优先级来优化页面性能。使用 postTask 可以拆分长任务、预加载资源和提高页面交互性能，让页面更具响应性。同时，文章还介绍了如何在 React 中集成 postTask 调度器来执行不同模式或策略

背景单页应用（Single Page Application，简称SPA）是一种现代Web应用程序架构，通过动态重载页面中的部分内容来提供更流畅和更响应式的用户体验。由于SPA在客户端（用户的浏览器）运行大量的JavaScript代码，并且与传统的多页应用不同，它不会每次操作都从服务器重新加载整个页

在前端开发中，随着项目迭代升级，日志打印逐渐风格不一，合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题，提高开发效率。本文将介绍如何在前端项目中制定日志输出规范。1. 日志等级首先，我们需要定义不同的日志等级，以便根据消息的重要性进行分类。通

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

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

今天，我们将讨论一些改善React应用程序运行状况的最佳实践。这些规则应用广泛。因此，拥有这些知识势在必行。unsetunset1. 使用JSX速记unsetunset尝试使用JSX速记来传递布尔变量。举个例子，假设你想要控制导Navbar组件的标题可见性。坏return ( &

大模型可以说是近期最热的话题之一，不管是国外的ChatGPT、llama3等，还是国内的文心一言、通义千问等，都可以说是热的发红、红的发紫，秉承着了解的态度，我在github上发现了跟大模型相关的项目，其star高达71.9k，其就是ollama（https://github.com/ollama/

前言PixiJS是一个强大的2D WebGL渲染库，使得开发者可以轻松地创建交互式的2D场景和动画。本文将介绍PixiJS的主要功能和特点，并提供一些实际的使用示例。Pixijs是什么？PixiJS，一款超级强大且灵活的2D WebGL渲染库，可帮助你创建绚丽多彩的交互式体验及游戏。其强大在于，提供

作者：vivo 互联网大前端团队 - Tian Yuhan本篇文章主要聚焦海报图分享这个形式，探讨纯前端在H5&小程序内，合成海报到下载到本地、分享至社交平台整个流程中可能遇到的问题，以及如何解决。一、引言绝大多数的电商平台都会设计分享裂变的功能，激励用户进行分享，这是一种拉新促活的常见措施

引言脚手架是什么，相信各位已经熟悉得不能再熟悉了，毕竟无论是vue开发者（vue-cli）还是react（create-react-app）开发者，他们都有各自的脚手架，个人虽是用react更多，但不得不说是更喜欢vue-cli的，它的插件机制非常有意思，虽不如webpack的plugin那么方便，

写代码觉得很无聊没有成就感说明了几点：第一，对于你公司的业务来说，你掌握的技术已经足以应付，缺乏挑战性，没有新鲜感了；第二，你参与开发的项目可能都是很普通的项目，比如几乎每个前端都写过的后台管理系统，无法给你提供成就感；第三，你的工作可能是重复性的，每天都在写类似的代码，没有提供学习的机会。其实大多

技术债务来自旧项目的依赖过久，React 16 + antd 3 + webpack 4。React 新版本的批处理优化了，antd 最新已经由 css-in-js 重写了，不用再配置 less 等预先编译器。旧版本的 webpack 在 nodejs 20 会出现 openssl 的报错，需要配置

转载来自 前端充电宝 React 18 已经发布两年多了，现在终于要迎来 React 19 了。这个版本将引入期待已久的全新 React 编译器！它通过自动化优化来简化前端开发流程，减少手动进行记忆化优化的需求。本文就来看看 React 编译器是什么？它是如何工作的？又带来了哪些

讲述我的创业一年的经历，事业有高潮，也有低谷，有喜悦，有历练，酸甜苦辣都尝过 分享出来我的经验，希望对你有所帮助unsetunset前言unsetunset年初我裸辞创业了，跟一个朋友一起合伙做项目，我主要还是做技术部分，开发一个回收类的项目也是第一次创业，虽然听过很多道理，自己经历过又是另外一回事

本文继续分享最新真实面经，希望对粉丝股东们有帮助，另外文末有直投大厂的机会，别错过。都说行情不好，可是有的同学拿到了很多Offer，各种对比；也有同学连面试都很难约到。“能拿到Offer的大多相似，拿不到的各有各的原因。”金三银四你拿到了哪些offer？也欢迎大家在评论区留言讨论，不要错过文末的企业

前言作为前端人员肯定经常遇到这样的场景：需求刚上线，产品拿着手机来找你，为什么页面打开这么慢呀，心想自己开发的时候也有注意性能问题呀，不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能，打开浏览器控制台一看，页面上的这些配图每张都非常大，心想这些配图都这么大，页面怎么快，那么我们有没有

前言面试官：vue3的v-model都用过吧，来讲讲。粉丝：v-model其实就是一个语法糖，在编译时v-model会被编译成:modelValue属性和@update:modelValue事件。一般在子组件中定义一个名为modelValue的props来接收父组件v-model传递的值，然后当子组