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

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

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

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

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

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

异步编程Javascript 是一个单线程的语言，在前端编程中，我们在处理一些简短、快速的操作时，往往在主线程中就可以完成。主线程作为一个线程，不能够同时接受多方面的请求。坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段 Javascript 代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。...

使用指南通过git clone1git clone https://github.com/liufashi-Mr/react-antd-admin.git 通过脚手架npm地址 123456789# global installnpm i react-client-create -g# and then runcreate-cli create [name]# ornpm i react-...

前言最近工作繁忙，继上篇react+typescript构建h5项目已经一个月没有更新内容了。最近有个 h5 的项目正好使用到之前搭建的模板，于是将上述的模板拉过来，配个路由就直接可以使用了，节省不少时间。现在再将 axios 添加到项目中。这项下次再使用到的时候就会更加轻松。 功能 常见配置（跨域携带 cookie，token，超时设置，请求头） 请求拦截器和响应拦截器 请求封装，使用同一...