本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个 switch 组件。 写的比较简单，主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛，有的时候在…

我们为什么要写个组件上传到npm镜像上呢，我们肯定遇到过这样一个场景，项目中有很多地方与某个功能相似，你想到的肯定是把该功能封装成Component组件，后续方便我们调用。但是过了一段时间，你的Leader让你去开发另一个项目，结果你在哪个项目中又看见了类似的功能，你这时会怎么…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

现有3个嵌套组件，A->B，B->C。 我们使用vuex来进行数据管理，依赖于vuex我们可以一次改变，任何一个组件中都能获取。但是如果多个组件共享状态比较少，使用vuex过于麻烦和难以维护。element-ui中大量采用此方法。 自定义vue bus事件总线，原理类似vuex…

我厌倦了react的各种词汇，一来云里雾里的我听不懂，但是我看了redux源码不过三两个函数，平平无奇，于是乎自己操刀写一框架，为了2件事：1、告诉大家不用迷信框架，你花点时间2天也能搞一个。2、给我自己的项目做脚手架用 Booto 是一个极易使用的为react应用设计的框架，…

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？

craco webpack 构建速度 构建体积 thread-loader cache-loader hard-source-webpack-plugin 持久化缓存 inxlude Spl

在今年 4 月份时，公司内部要新起一个业务项目，正好在这之前 React 17 跟 create-react-app 最新版本 4.0 发布了，就打算用新版 CRA 升级一下公司内部老旧的脚手架（其实

1.静态路由 vs. 动态路由 在Web前端开发中，我们经常会需要处理页面路由问题。习惯上，路由信息会在一个地方集中配置好，我们可以称之为“静态路由”，或者叫“中心化式路由”。以react-router v3版本为例，代码类似下面这样： 可以看到，在程序的顶层组件上配置好了所有…