sheep筱孜

因为工作的原因，我和一些国外的工程师们有些交流。他们对于国内环境不了解，有时候会问出一些有趣的问题，大概是这些问题的启发，让我反复在思考一些更为深入的问题。 今天聊三个事情...

大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 核心原理与实践应用》，这对我是一个不小的职业突破，所以不能免俗地想做个总结，分享我这九年工作...

styled-components 是一个常用的 css in js 类库。和所有同类型的类库一样，通过 js 赋能解决了原生 css 所不具备的能力，比如变量、循环、函数...

immer 的作者同时也是 mobx 的作者。mobx 又像是把 Vue 的一套东西融合进了 React...

每次修改一个 immutable 对象时都会创建一个新的不可变的对象,在新对象上操作并不会影响到原对象的数据...

MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程，使得状态管理变得简单和可扩展，并能够与 React 强力组合...

一篇文章让你快速上手Mobx6 安装 第一步是先是安装npm包，分别需要安装两个包，第一个包是mobx（直接安装最新版本即可）,第二个包是mobx-react-lite（此...

1. 通过 provide/inject 实现子路由的局部刷新 2. 通过 v-if 实现组件的局部刷新 3. 通过 key 值的变化触发组件的局部更新...

1. 状态机库：JavaScript-state-machine 2. 使用场景：状态总数是有限的；任一时刻，只处在一种状态之中；某种条件下，会从一种状态转变到另一种状态...

Pinia是Vue的状态管理库。与Vuex相比，它提供了更简单的API、Composition-API风格的API，具有更少的规范，最重要的是与TypeScript一起使用...

1. setup与src 2. 组件、变量、函数 3. 最外层await 4. 单个文件中导入多个组件 5. props、emit 6. 与普通的script(不加setu...

背景 ECharts Gallery和Make A Pie都关了，打不开了，很多人包括我自己都在使用这个工具，面临关闭，我便制作了替代工具ECharts Demo集镜像地址...

1. 前言(雪碧图与iconfont) 2. iconfont的三种方式使用 3. 创建 icon-component 组件 4. 优化(svg-sprite、svg压缩工...

避免过多的全局状态。如果不可避免有很多的值需要存在 vuex 中,建议使用动态注册的方式。只是部分业务需要状态处理,建议使用 Event Bus...

当路由增多时，router中每个component都需要实现懒加载，但是在开发环境中使用懒加载，会导致代码更改的热跟新速度变慢，所以需要区分环境来使用路由的懒加载功能。...

1. 创建正则表达式对象 2. 相关函数(test,match,matchAll,replace) 3. 正则匹配规则 4. 常用正则表达式...

1. clone 2. add 3. commit 4. pull 5. push 6. remote ......

1. 容器和项目 2. 容器属性(display,grid-template-columns...) 3. 项目属性(grid-column-start,grid-colu...

1. 在 vue 项目中创建ui组件库,并发布到 npm 中 2. 通过 npm i 的形式去安装该组件库,并使用里面的组件...