SkioFox Blog

github action做CI/CD记录

先回顾下什么是CI/CD CI，Continuous Integration，持续集成。 CD，Continuous Deployment，持续部署。 CI/CD一般配合起来用，从开发、测试到上线的过程中，借助于 CI/CD 进行一些自动化处理，保障项目质量。CI/CD一般与git一起用，可以简单理解为在git上挂载了一些hook，当代码push到git仓库以后，触发了预先写...

Posted by SkioFox on August 25, 2024

rollup构建组件库

1. 背景公司很多业务组需要沉淀自己的react组件库，于是准备构建一套通用的react组件库模版，然后通过脚手架的形式提供给业务组的同学使用。在打造组件库的时候，怎么组织css让我犯难了，即我该怎么输出样式，在决定样式组织方式之前，我想到了antd组件库，所以准备看下antd是怎么组织css的由于公司的大部分antd版本还停留在4.x版本，所以本篇讲述的也是antd 4.x版本内样...

Posted by SkioFox on August 12, 2024

webpack插件解析

前言日常开发中我们可能比较少去对项目进行webpack配置或者去优化webpack配置，所以就谈不上对webpack plugin、loader、整体流程有了解。为了更高的理解webpack插件原理有了如下文章：在这篇文章中，我们将探讨如何编写webpack插件。webpack是一个非常流行的JavaScript模块打包工具，使用它可以将多个JavaScript模块打包成一个...

Posted by SkioFox on August 2, 2024

常用webpack配置梳理

1. 引言 webpack是前端开发中重要的打包工具, 对于很多初中级开发者来说都有一定难度，本文将结合webpack的构建流程，梳理常用配置，带大家一起手写react和vue3项目的通用webpack配置。希望通过阅读本文，大家能够掌握编写适合自己项目的webpack配置。即使是零基础的新手，也可以直接复用最终配置到项目中，无需过度纠结于某个配置。 webpack由于版本迭代，会删除一...

Posted by SkioFox on July 11, 2024

webpack性能优化总结

简介 webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）。目前使用的 webpack 版本为 5.74.0、webpack-cli 的版本为 4.10.0 记录下几个总结要点方向优化构建速度对于优化构建速度我们可以从定向查找...

Posted by SkioFox on July 2, 2024

webpack构建耗时分析

你想让你的webpack项目构建更快吗？你想知道webpack详细的构建流程吗？看完本篇之后，你或许会有一定的收获。前言 webpack作为前端必备的构建工具，优化项目webpack构建性能是我们一直在做的事情，那么在优化的过程中，我们会借助一些工具，来帮助我们定位性能瓶颈，并最终提高效率，本篇除了介绍一些工具应该怎么用，还从原理的角度来分析，帮助我们在使用工具的时候更能够得心...

Posted by SkioFox on June 12, 2024

GO - 监控分析工具

pprof介绍与使用 pprof 是用于可视化和分析性能分析数据的工具 pprof 以 profile.proto 读取分析样本的集合，并生成报告以可视化并帮助分析数据（支持文本和图形报告） profile.proto 是一个 Protocol Buffer v3 的描述文件，它描述了一组 callstack 和 symbolization 信息，作用是表示统计...

Posted by SkioFox on May 22, 2024

IOS-ABM-商务分发

目前苹果新推出的支持苹果ABM应用分发模式先看看苹果现在支持的分发模式这里重点只讲苹果商务管理，Apple Business Manager 简称ABM，用于 - 定制应用分发 - 公司/组织内部应用分发如果你的应用是上边两种类型就考虑用ABM分发了，这类应用的特点是 - 有账号登录，但是没有注册功能 - 应用界面功能与市场上应用相同，只是logo、名称等不一致 ...

Posted by SkioFox on April 11, 2024

前端容器化部署

容器化构建部署包含两个阶段，构建与部署。构建采用Docker容器技术，部署过程是将docker镜像部署至k8s。即：构建生成镜像->推送至镜像仓库→将docker镜像部署至k8s。构建构建过程是将代码构建生成镜像，并且推送至镜像仓库，需要开发自行准备Dockerfile文件，jenkins统一的构建命令如下： docker build -t registry-vpc....

Posted by SkioFox on March 11, 2024

DDD项目分解

一、DDD架构选型无论是DDD四层架构、六边形架构、洋葱架构等都共同体现了高内聚，低耦合的设计特性。由于DDD四层架构更容易理解与入手，所以我们选择DDD四层架构 1、DDD分层架构 DDD分层架构中有很重要的依赖原则：每层只能与位于下方的层发生耦合，类似于网络的7层或TCP/IP的4层模型架构，每一层各司其职，并且只关心向下一层的实现，而不会出现各层耦合。 DDD分层架构中包含四...

Posted by SkioFox on February 20, 2024

SkioFox Blog

github action做CI/CD记录

github action做CI/CD记录

rollup构建组件库

rollup构建组件库

webpack插件解析

webpack插件解析

常用webpack配置梳理

常用webpack配置梳理

webpack性能优化总结

webpack性能优化总结

webpack构建耗时分析

webpack构建耗时分析

GO - 监控分析工具

GO - 监控分析工具

IOS-ABM-商务分发

IOS-ABM-商务分发

前端容器化部署

前端容器化部署

DDD项目分解

DDD项目分解

FEATURED TAGS

ABOUT ME

FRIENDS