夏茉薇薇

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 招聘季节一般都在金三银四，或者金九银十。最近在这五六月份，陆陆续续面试了十几个高...

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用...

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-ro...

上篇文章结尾提到过使用useReducer，可以帮助我们集中式的处理复杂的state管理。但如果我们的页面很复杂，拆分成了多层多个组件，我们如何在子组件触发这些state变...

Redux 毫无疑问是众多 React 项目首选的状态管理方案，但我觉得 Redux 的开发体验并不好。 去到管理 redux 的文件夹，思考把这个状态放到状态树的哪个位置...

这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略...

——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 作为互联网...

移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能...

返回一个 memoized 回调函数。在依赖参数不变的情况下，返回的回调函数是同一个引用地址 返回一个 memoized 值。在依赖参数不变的的情况返回的是上次第一次计算的...

DIV 和 SPAN 不是按钮； 如果它导航，它是一个链接。使用具有有效超文本引用的链接标记； 如果它触发一个动作，它就是一个按钮，使用BUTTON元素； 如果您不喜欢按钮...

https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/ ES 模块为 JavaScript 带来...

近期负责公司内部 React UI 组件库的搭建，过程中踩了不少坑，主要还是对整个搭建过程没有一个比较清晰的概念，本文章就作为整个搭建过程的一个总结吧。 本文将详细讲述搭建...

爆肝一晚上，详细解释了浏览器从输入到请求，再到渲染的原理，cpu、gpu、内存、多进程、站点隔离、导航跳转、预加载、渲染、解析、合成等等概念，看完就明白了，另外送一个小彩蛋...

Decorators 是ES7中添加的JavaScript新特性。熟悉Typescript的同学应该更早的接触到这个特性，TypeScript早些时候已经支持Decora...

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。...

前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配...

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手...

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人...

声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请检查依赖模块版本是否和示例代码仓库中一致。 *温馨提示：*本篇内容更偏实战，涉及大量代码，如有代...

上篇《Webpack5新特性尝鲜（一）：安装与启动》，对比了Webpack4和Webpack5在安装和启动方面的差异。本篇，继续讲解Webpack5的新特性。资源模块处理资...