www.zhifeiya.cn

敲码拾光专注于编程技术，涵盖编程语言、代码实战案例、软件开发技巧、IT前沿技术、编程开发工具，是您提升技术能力的优质网络平台。

前端技术 前端技术是构建用户与互联网产品直接交互界面的技术体系，核心涵盖 HTML、CSS、JavaScript 三大基础技术，分别负责页面结构搭建、样式美化与交互逻辑实现。随着技术发展，Vue、React、Angular 等主流框架，Vite、Webpack 等构

21
2月

React组件设计模式：如何构建高复用性的前端组件库

本文详细介绍了如何利用 React 构建高复用性的前端组件库，涵盖 React 组件基础，如函数式组件和类组件，以及常见的设计模式，如高阶组件、渲染 props 和组合组件。同时阐述了构建组件库的原则、应用场景、技术优缺点和注意事项，帮助开发者提高前端开发效率和代码可维护性。
React 组件库 设计模式 高复用性
20
2月

前端持续集成与部署(CI/CD)流程的最佳实践

本篇文章详细介绍了前端持续集成与部署（CI/CD）流程的最佳实践。结合Vue技术栈，阐述了CI/CD在多人协作开发项目、快速迭代项目等场景中的应用，分析了其提高代码质量、减少部署时间等优点，也指出了前期配置复杂、依赖基础设施等缺点。具体介绍了代码提交、代码检查、自动化测试、构建部署等关键步骤，并给出了各步骤的示例代码。同时，提出了选择合适工具、保证测试用例质量等注意事项，帮助读者全面了解并搭建高效的前端CI/CD流程。
Vue 前端开发 ci/cd 自动化测试
20
2月

前端大文件上传与断点续传的技术实现方案

本文详细介绍了前端大文件上传与断点续传的技术实现方案，包括应用场景、技术优缺点、前端和后端的具体实现步骤等。在前端，使用JavaScript实现文件分割、上传文件块、记录上传进度和断点续传处理；在后端，使用Node.js实现接收文件块、合并文件块和检查文件块上传状态。同时，还提到了实现过程中的注意事项，帮助开发者更好地掌握该技术。
JavaScript Node.js front-end upload large file upload resumable upload
20
2月

React组件文档自动生成：基于Storybook的文档系统搭建

在前端开发中，组件化开发愈发重要，而组件文档的管理和维护也成为关键问题。本文详细介绍了基于Storybook搭建React组件文档自动生成系统的方法。首先阐述了应用场景，接着介绍了Storybook的优缺点，然后通过具体步骤展示了如何搭建文档系统，包括初始化项目、安装Storybook、创建组件、编写案例等。还介绍了关联技术TypeScript的使用，并给出了注意事项和总结。通过这种方法可以提高团队开发效率和代码质量。
React TypeScript 前端开发 Storybook 组件文档
20
2月

React应用首屏加载缓慢的优化实践

本文围绕 React 应用首屏加载缓慢的问题展开，详细分析了应用场景，如企业级管理系统、电商平台和社交网络等。深入探讨了首屏加载缓慢的原因，包括代码打包体积过大、网络请求过多和服务器响应时间长等。并针对这些问题提出了优化策略，如代码分割、优化网络请求和服务器优化等，同时给出了相应的 React 技术栈示例。最后分析了各项技术的优缺点和注意事项。通过这些优化实践，可以有效提高 React 应用的首屏加载速度，提升用户体验。
React 网络请求 代码分割 首屏加载优化 服务器优化
19
2月

CSS writing-mode应用：实现垂直排版和多语言布局

本文详细介绍了CSS writing - mode属性在实现垂直排版和多语言布局方面的应用。首先阐述了writing - mode的基础概念和常见值，接着通过具体示例展示了如何实现垂直排版和多语言布局。同时，分析了其应用场景、技术优缺点以及使用时的注意事项。通过本文，你可以深入了解writing - mode属性的强大功能，提升网页排版的多样性和独特性。
CSS writing - mode vertical typesetting multilingual layout
19
2月

Sass与BEM方法论结合：打造可维护的组件化样式体系

本文详细介绍了Sass与BEM方法论结合打造可维护的组件化样式体系。首先介绍了Sass的变量、嵌套规则、混合器和继承等特性，以及BEM方法论的块、元素和修饰符概念。接着阐述了两者结合的优势，包括代码结构清晰、避免样式冲突和易于维护扩展等。还分析了应用场景、技术优缺点和注意事项。最后总结了这种结合方式对前端项目样式管理的重要性。
前端开发 Sass BEM 样式体系 组件化