Kai的笔记-优快云博客

原创 lerna使用小结

在B端管理后台项目中，如微前端等项目，会有多个独立项目，或者是主项目下管理多个子项目，多个包互相依赖，发布时需要手动维护多个包的问题就随之而来。babel团队推出的多包管理工具lerna，解决多包依赖问题。lerna具体如下特点：可以管理公共依赖和单独依赖；多package相互依赖直接内部 link，不必发版；支持项目的单独发布和全体发布；多包放一个git仓库，利于代码管理，如配置统一的代码规范；

2024-03-16 18:40:48 1930

原创微前端-模块联邦方式使用总结

name: 应用名称，需要唯一性；filename: 入口文件名称，用于对外提供模块时候的入口文件名；exposes: 暴露出去的文件名称，被引用的；remotes: 依赖的远程模块，用于引入外部其他模块；shared: 配置共享的组件，一般是对第三方库做共享使用；// 应用名称// 暴露出去生成的文件名称，被引用的// 暴露出去的模块，被其他应用引用exposes: {},// 远程模块，引用外部的模块remotes: {},shared: {},})

2024-03-16 18:33:28 1062

原创 gitlab-cicd详解(附带docker+k8s版本)

定义pipeline的全部阶段（stage），阶段内的全部任务并行执行，全部任务成功开始下一阶段任务，任何阶段内的任意job失败都会导致pipeline失败，所有stage，job执行成功后pipeline会显示pass。部署Deployment: 管理pod，创建、删除、更新pod，以确保 Pod 的副本数始终处于指定状态，用Deployment启动的容器，如果直接删除Pod则会在被删除后自动再次创建pod，只有这个Deployment被删除才能永久删除pod。可以使用正则表达式指定，也可以指定关键字。

2024-03-07 17:39:47 1860 1

原创 docker使用和填坑小结

Docker 是一款流行的容器化平台，它可以帮助开发者将应用程序打包成容器，并在不同的平台之间进行快速部署docker 部署的优势：1、更高效的利用系统资源docker 对系统资源的利用率更高，无论是应用执行速度，内存损耗或者文件存储速度，都要比传统虚拟机技术更高效2、更快速的启动时间传统的虚拟机技术启动应用服务往往需要数分钟，而 docker 容器应用，由于直接运行于宿主内核，无需启动完整的操作系统，因此可以做到秒级，甚至毫秒级的启动时间3、一致的运行环境。

2024-03-07 16:51:07 746

原创一文轻松掌握react-hook(useState、useReducer、useEffect、useCallback、useMemo、useRef、useContext...)

前言react在16版本之后，加入了fiber架构，官方推荐使用纯函数组件，为此react-hook应运而生。useStateuseState接收一个初始值，返回的是一个解构出来的数组，第一个是当前状态(似state)，第二个是状态的更新函数(似setState)，更新函数与react的setState不同的是，useState的更新函数会将状态替换(replace)而不是合并(merge)...

2020-03-29 12:32:09 5693

原创 react15 和 react16 在 setState 后的更新渲染解析

在 react 项目中，setState 被用于更新 state，从而实现组件重新渲染更新。经过查找阅读许多资料以及源码后，本文就来个人总结一下，简要解析 react 在 setState 后是如何更新组件的。前言：setState 的同步和异步异步：setState 一般情况下是异步的，由 react 的批量更新事务(ReactDefaultBatchingStrategy)控制(即 re...

2020-03-14 16:54:47 1029

原创 ES新提案：可选链(?.)和双问号(??)

前言ES全称为ECMAScript，是JavasSript的一种语言标准。ECMAScript发布新语法规范需向TC39委员会提案，任何人都可以向其会提案。TC39由包括许多浏览器厂商在内的各方组成，提案需要经历五个阶段，每个阶段的变动都需要由TC39委员会批准(传送门：TC39)，如下：Stage 0: strawman——最初想法的提交。Stage 1: proposal（提案）——由...

2020-03-14 02:56:52 7645 3

转载认识react16的fiber架构

认识react16的fiber架构前言React的Virtual DOM（VDOM），其核心的协调算法，即reconciliation，通过对比前后的Virtual DOM得出最小更新部分，再去渲染真实DOM，减少了频繁操作DOM的成本，使其深受大家关注。但随着前端工程化的发展，在大型的项目上reconciliation越来越不得满足，因此，React团队对reconciliation做出了优...

2020-03-10 02:44:00 639

原创 umi+dva项目快速上手指南

在react项目中，使用react+umi+dva+antd这一阿里系列技术栈的人越来越多，本文就来分享一下umi项目的上手教程。构建项目node环境node版本 >= 8.0.0全局安装uminpm install -g umi建议使用yarn安装// 全局安装yarnnpm install -g yarn// 使用yarn安装umiyarn global a...

2020-03-07 21:34:23 7368

u010074572的博客