哥哥打针

前言 如果让你实现一个显示当前日期的定时器组件，你会怎么做？如下图所示: 初步实现探索 碰到这样的需求，你是不是会使用定时器来实现，如下所示: 可以看到，我们使用到了use...

大概在昨年下半年，我利用同构渲染技术，把公司中一个需要7、8秒才能打开的vue3项目成功优化至秒开。...

阅读效果非常不错 图解算法小册 微前端 作为面试官，为什么我推荐微前端作为前端面试的亮点？ 组件库 作为面试官，为什么我推荐组件库作为前端面试的...

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题...

前言 最近在参加面试找工作，陆陆续续的面了两三家。其中面试官问到了一个问题：如何解决跨域问题？ 我巴巴拉拉的一顿说，大概了说了四种方法，然后面试官紧接着又问：那跨域请求怎么...

跨源资源共享（CORS）是一种基于 HTTP 头的机制，前端打工人常见的跨域场景，及如何解决实践，vite 的跨域配置背后的工作原理...

本文适合2~4年的前端开发人员的进阶，且对vue或者react搭配webpack有一定的经验。如果webpack的基本使用都未了解，建议实践后再看本文。 本文是原创，均为本...

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过reac...

为什么选择微前端作为项目亮点 作为面试官，我经常听到很多候选人说在公司做的项目很简单，平常就是堆页面，写管理端，写H5,没有任何亮点，我以我一次面试候选人的经历分享给大家 ...

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决...

前言 最近在更新react组件库源码的文章，其实vue和其他框架都一样，就是我发现自己在一年前直接看这些源码（不调试），还是有点吃力的，然后就放弃了。 可最近不知道为啥，看...

以实战采坑验证的方式分析以 webpack 为基础的构建工具项目中环境变量 process.env 动态替换方案的具体过程。...

现在面试过程当中 ，手写题必然是少不了的，其中碰到比较多的无非就是当属 请求并发控制了。现在基本上前端...

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一...

故事背景是入职不久后被领导喊去优化基建相关的事，从上一篇面试篇知道，入职不久后主管丢给我一个表格，上面列了四五条，都是当前项目存在的一些问题，让我看看有哪些可以去解决掉，一...

webpack作为目前主流的前端构建工具，我们几乎每天都需要与它打交道。是一个足够开放的类库，提供了可插拔的方式去自定义一些配置，包括配置 loader和plugin，本篇...

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务...

经过半年的幻想,一个多月的准备,十天的开发,我终于开源了自己的脚手架。在我最开始学习React的时候,使用的脚手架就是create-react-app,我想大部分刚开始学的...

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel...