前言最近两个月来博主在做一件事情，彻底重构了之前搭建的组件库，目前已经初具雏形，前往，在这个过程中，遇到了很多问题，这里分享下过程和解决方式，同时也会将我至今尚未想通的问题提出来，还望指点一二。 项目准备之前的组件库是源于公司的需求，基于tuya expo的主题和所需要的组件进行定制开发的组件库，需求完成之后让我萌生了写个组件库的想法。 首先，我想写的组件库是一个实用性较大的组件库不是某个项...

前言什么是 cookie HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器——如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。 coo...

从 HTTP 1.0 到 HTTP 1.1 连接方面，http1.0 默认使用非持久连接，需要设置 Connection: keep-alive 开启持久连接， 而 http1.1 使用持久连接，http1.1 通过持久连接来使多个 http 请求复用同一个 tcp 连接，一次来避免 http1.0 非持久连接每次需要建立连接的时延 资源请求方面，http1.0 中存在一些浪费带宽的现象，h...

使用指南npm 地址 123456789# global installnpm i react-client-create -g# and then runcreate-cli create [name]# ornpm i react-client-create#then runnpx create-cli create [name] like this 选择 选择第一个是常见空的脚手架...

前言什么是灰度发布？ 灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够以平滑过渡的方式呈现给用户，就像金丝雀的羽毛一样多种颜色平滑渐变。 对于前端而言灰度发布的作用 一个项目多需求同时开发，需求测试阶段为了互相之间不影响 重要更新时，测试新版本的性能和表现，以保障整体系统稳定的情况下，尽早发现、调整问题，降低风险 基本原理使用nginx $http_[自定义...

惰性思想惰性函数：避免重复地去做某一样东西形成冗余。惰性函数优点：就是能避免多次重复的步骤判断，冗余等，只需一次判定，即可直接去使用，不用做无用的重复步骤。惰性函数的应用场景：常用于函数库的编写，单例模式之中。在固定的应用环境不会发生改变，频繁要使用同一判断逻辑的。 示例在日常的项目中，其实我们很多地方都可以运用到惰性思想。例如要封装一个获取元素属性的方法，因为低版本的 ie 浏览器不支持 ...

柯里化 柯里化是一种函数的转换，它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。柯里化不会调用函数。它只是对函数进行转换。 柯里化的作用是函数执行产生一个闭包，把一些信息预先存储起来供下级上下文使用。柯里化就是闭包一个很典型的应用。代码实现 123456const curry = (fn) => (a) => (b) => fn(a...

前言先说一下 react/vue 的组件通信方式 父组件向子组件通信 子组件向父组件通信 跨级组件通信 非嵌套关系的组件通信 其中最后一种非嵌套的组件通信方式要怎么实现呢 如果是兄弟组件通信，可以找到这两个兄弟节点共同的父节点, 结合父子间通信方式进行通信。 可以通过 redux 等进行全局状态管理 可以使用自定义事件通信（发布订阅模式），使用 events.js 然后今天的主角就是...

开发体验优化sourceMap是一个用来生成源代码与构建后代码一一映射的文件的方案。简单的来说 sourceMap 会生成一个 xxx.map 文件，就是在我们写错代码或者代码发生错误的时候能够准确提示我们代码是在那个文件哪一行，哪一列。sourceMap 的值有很多种情况，但是我们通常只需要关注cheap-module-source-map和source-map，前者打包编译速度快，但是只...