- 博客(24)
- 收藏
- 关注
RSS订阅
原创 【DataSet】看完此篇文章完全理解Choerodon UI
从Choerodon UI的核心概念DataSet开始讲起，将核心概念拆解揉碎，非常适合初学者和有一定基础的前端学习者
2022-02-14 16:50:50
10620
4
原创 【自动化部署】基于Docker构建CI/CD流水线
本文介绍基于Docker容器化技术搭建企业级CI/CD流水线的完整方案。技术栈包括Gitlab CE、Jenkins BlueOcean、Ubuntu 24.04、Docker和Node.js。涵盖Gitlab私有仓库部署、Jenkins持续集成配置、Nginx Web服务器部署、Webhook自动触发构建等核心环节，实现代码推送后自动构建并部署到生产服务器的完整流程。
2025-12-07 10:58:48
1008
原创 【跨端开发】React Native 基础
本文介绍了React Native基础组件的使用方法和样式处理。主要内容包括：1) 基本组件如Text、View、ScrollView的用法；2) 样式创建方式（StyleSheet.create）和注意事项（如无单位数字）；3) 默认布局特性（flex布局）；4) 使用RefreshControl实现下拉刷新功能，包含状态管理、数据更新和自定义刷新指示器。文中提供了完整的代码示例，展示如何构建包含安全区域、滚动视图和下拉刷新的页面。
2025-11-27 10:10:06
717
原创 【webpack】手把手教你写一个loader和plugin
本文详细讲解 webpack loader 和 plugin 的开发原理与实战应用。包含 Loader 的分类、执行顺序、实现方式（同步/异步/Pitch）；Plugin 的工作机制、Tapable 钩子系统、Compiler/Compilation 对象；并提供11个实用案例（6个自定义 Loader + 5个自定义 Plugin），帮助你快速掌握 webpack 扩展开发。
2025-10-20 15:45:29
715
原创 【打包工具】webpack基础
Webpack基础教程是一份全面的前端打包工具学习指南，涵盖核心概念、开发环境配置、生产环境优化和配置详解四大模块。从Entry、Output、Loader、Plugins等基础概念，到样式处理、热更新、缓存优化、代码分割等实用技术，为前端开发者提供完整的Webpack学习路径。
2025-09-25 12:48:54
924
原创 【CSS】手把手教你多版本UI最佳实践方案
本文介绍了多版本UI主题切换的最佳实践方案，主要包含三个核心思路：1）使用全局状态管理主题；2）通过data-theme属性切换主题；3）利用CSS变量动态控制样式属性。实践部分展示了如何定义基础CSS变量和主题样式文件，其中详细列举了字体、行高、尺寸等变量的定义规则，并提供了1.2倍放大的"大字版"主题变量计算示例。通过React Hook管理主题状态，动态修改文档根元素的data-theme属性，实现不同主题样式的切换。这种方案既能保持样式一致性，又能灵活支持多种主题需求。
2025-08-18 17:47:59
203
原创 五年经验的高级前端工程师应该掌握的技能，看看AI如何回答（附脑图）
五年经验的高级前端开发工程师应具备全面的技术能力，核心包括：深入掌握JavaScript/TypeScript、HTML5/CSS3及主流框架(React/Vue/Angular)；精通工程化工具(Webpack/Vite)、性能优化(加载/运行时)及跨端开发；熟悉网络协议、安全防护及测试方法；具备架构设计、团队协作和技术领导力等软技能；同时关注WebAssembly、微前端等前沿技术。重点在于平衡技术深度与广度，解决复杂问题并推动技术演进，持续学习以保持竞争力。
2025-07-09 10:19:40
812
原创 【浏览器】垃圾回收机制的过程和原理
浏览器垃圾回收机制通过标记-清除自动管理内存：从根对象（全局变量、执行栈）标记可达对象，清除不可达内存。内存分为新生代（Scavenge算法复制存活对象）和老生代（标记-整理消除碎片）。分代回收、增量/并行处理优化性能，减少卡顿。内存泄漏常见于意外全局变量、未释放闭包、残留DOM引用等场景，需手动解除或使用弱引用。开发者应减少全局变量、复用对象，利用工具监控内存，规范代码避免无效引用。
2025-05-16 08:53:06
1300
原创 【React】React19新特性
Actions 是 React 19 的核心特性，通过将异步操作深度集成到渲染周期中，解决了传统异步状态管理的复杂性。
2025-05-16 08:00:34
1005
原创 【React】React18核心新特性与最佳实践
React 18 核心特性：自动批处理合并异步更新，减少渲染损耗；startTransition 划分紧急/非紧急更新，优先用户交互；Suspense 支持流式服务端渲染，避免加载闪烁。客户端需迁移至 createRoot 启用并发模式，严格模式强化副作用检测。新增 useId 解决 SSR 唯一 ID 冲突，useDeferredValue 优化非关键渲染。最佳实践包括升级 API、优先更新控制及流式加载，提升性能与用户体验。
2025-05-15 08:34:33
1314
原创 【Docker】前端入门docker教程
本教程详细介绍了在CentOS 7.9系统上安装和配置Docker的步骤，并提供了常用Docker命令的速查表。首先，通过移除旧版本、配置阿里云镜像源、安装Docker引擎，并启动Docker服务。接着，配置腾讯云镜像加速器以提升镜像拉取速度。教程还涵盖了容器生命周期管理、镜像管理、监控与调试、数据卷操作、网络管理等方面的命令，帮助用户快速上手Docker。此外，还提供了Redis主从集群部署的示例，展示了如何通过Docker运行Redis主节点并进行配置。
2025-05-14 09:36:34
1016
原创 【自动化部署】使用Gitlab+Jenkins搭建CI/CD流水线
本文介绍使用Gitlab和Jenkins搭建CI/CD自动化部署流程。采用Gitlab CE 14.0.1、Jenkins 2.507、CentOS 7.9、Node.js 22.15和Java17，通过三台服务器实现从代码提交到自动部署的完整流程。主要包括Gitlab私有仓库搭建、Jenkins环境配置、Node.js环境配置、Jenkins项目创建、代码推送触发自动构建以及SSH持续交付等步骤，为企业级自动化部署提供完整解决方案。
2025-04-28 10:03:34
1629
原创 【Puppeteer】一款操作浏览器的黑科技
使用tracing方法来追踪页面加载时间线，使用 tracking.start 和 tracking.stop创建一个可以在 chrome devtools 打开的跟踪文件，执行下述代码会生成一个 testTrace.json 文件, 然后我们打开chrome devtools中 Performance 标签, 然后把该文件直接拖进去即可。mac的chrome安装路径通常是/Applications/Google Chrome.app/Contents/MacOS/Google Chrome。
2025-04-14 21:59:31
852
原创 【CSS&LESS】容易遗忘的基础与进阶知识
可以引入一个或多个.less文件，然后这个文件中的所有变量都可以在当前的less项目中使用！CSS3中具有颠覆性的特征之一，我们可以在不使用Flash动画或JS的情况下，从一种样式换为另一种样式时为元素添加效果。动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。清除浮动的策略：闭合浮动。使用时候，使用“ ”将变量的值扩起来，使用同样将变量以@{变量名}的方式使用；转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移，旋转，缩放等效果；
2025-04-12 01:24:31
624
原创 【JavaScript】浅析闭包
2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。1.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。1.一些闭包函数执行时依赖的变量，每次执行闭包函数时都能访问和修改。能够读取其他函数内部变量的函数。
2023-05-17 11:46:56
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人