「在不安装脚手架工具的情况下，还能直接使用 npm 创建项目？」带着好奇心小小的探究了一下。 一番谷歌 + 官网文档，实际上这个命令就是要创建一个新的 Vite 项目，且基于某个模版，这个模版可以是 Vue / React 或其它。那么它到底是如何创建的？带着这个问题我们先来重…

由于本人最近在公司负责的项目较多，部署起来比较麻烦，部署环境还非常多（有本地开发、测试、生产）多个环境的部署，非常的占用时间。也使用过 Jenkins、GOCD 等持续集成部署工具。但是一方面由于配置比较麻烦，很多前端的同事并不会配置这些持续集成工具并且公司项目比较多，前端、后…

混沌即混沌工程，首先我们得知道混沌工程是什么。 混沌工程起源于Netflix公司，Netflix公司的工程师创建了一种验证服务可靠性的测试工具Chaos Monkey。使用这个工具，可以在我们的web系统中随机的制造一些麻烦，比如触发网络异常，流量激增，容器退出等异常，我们可以…

通过思维导图讲解函数重难点知识，值得一读和回顾哦，尤其是柯里化部分，是困扰很多前端伙伴的知识点，无限柯里化就更加有意思了！

React是一个用于构建UI的JavaScript库，但当我们要基于React开发应用时，往往要做很多的构建配置和很多其他库的选型(挑选和学习一个React状态库和路由器库等)。我们还需要考虑我们的业务逻辑应该如何抽象和结构化。每个React开发者都在实践着自己对React构建…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

19世纪著名的印象派画家莫奈，喜欢对着同一处景物，分别画出对象在不同时间，不同光线下的色彩变化。 带着这个想法，我分别选用目前最火的Vue/React/Angular三大框架，去实现一个简单的Pagination分页组件。 页码太多时显示更多页码按钮，点击更多页码按钮跳转5页。…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

书签地址，欢迎star， 可以直接git clone下来，通过Google右上角的书签--导入书签，这样看起来就不要太方便。