介绍了使用 webpack-merge 工具优化 Webpack 配置管理,通过合并开发、测试、预发布和生产环境中重复的配置(如入口和加载器),提高了配置的复用性和维护性。示例展示了基础配置和生产环境配置的合并方式,简化了复杂环境下的配置管理流程。
介绍了如何使用 Babel 替代 ts-loader 来编译 TypeScript,以解决构建打包时的多种问题。通过安装相关 Babel 依赖并配置 .babelrc 和 tsconfig.json 文件,优化了 TypeScript 的编译流程。修改 Webpack 配置以使用 babel-loader,并添加 check-type 脚本命令以检查类型。
描述了使用 Node 和 PM2 部署服务时因旧配置未清理导致 CPU 占用率高的问题。通过停止服务、删除错误的 PM2 配置、重新启动正确路径的应用并保存配置,成功解决了问题,同时清空了日志文件以减少存储占用。
介绍了两种实现页面底部 (footer) 吸底的 CSS 方案。方案 1 使用 Flex-Box 和 calc 动态调整布局,兼容现代浏览器;方案 2 通过设置内容区最小高度和底部负 margin 实现吸底效果。两种方法均能解决内容不足时底部上浮的问题,各有优缺点,需根据需求选择合适方案。
总结了 TypeScript 的优势,包括类型安全、智能提示以及对 JavaScript 的兼容性。介绍了 null 和 undefined 的差异、将 JavaScript 迁移至 TypeScript 的方法、声明文件的使用以及支持导入非代码文件的方式。同时涵盖了泛型的设计理念及使用 Conventional-Changelog 自动生成变更日志的实践。
介绍了计算机科学中的重要概念,包括二分查找的对数时间、数组和链表的区别、递归的使用、散列表的性能、图算法如广度优先搜索及拓扑排序、动态规划在背包问题中的应用,以及树结构的效率。还探讨了 MapReduce、布隆过滤器和局部敏感散列算法等高级数据结构和算法,强调了不同方法在解决具体问题时的适用性和优缺点。
介绍了一个基于 Webpack 的多页面模板,支持 GitLab 增量构建和部署。每个页面需在 pages 目录下包含 index.html 和 index.js,构建后生成独立的页面结构。通过 GitLab CI/CD 检测修改的页面,利用阿里云 OSS CLI 自动上传到云端,实现高效的增量部署。
介绍了 CI/CD 的概念及其在 GitLab 中的实现,通过 .gitlab-ci.yml 配置文件定义镜像、阶段和执行条件,实现自动化构建、打包和部署。详细说明了 CLI 的用途及 aliyunoss-cli 的使用方法,包括配置阿里云 OSS 参数和执行发布命令,支持多环境发布并与 CI/CD 流程集成,提升开发和部署效率。
介绍了如何初始化 NPM 项目并安装 TypeScript,通过 tsconfig.json 配置和 tsc 编译 .ts 文件。使用 Webpack 和 ts-loader 实现打包,并通过 ESLint 配置代码规范检测与修复。详细说明了各步骤的依赖安装、配置文件创建及命令运行,最后提供完整案例的 GitHub 链接用于参考和实践。
介绍了前端资源灰度分流的背景及四种解决方案,重点推荐后端接口重定向方式,通过 302 重定向实现灵活的资源分流。技术上利用 MurmurHash 控制灰度比例,并结合 JsonLogic 定义流量准入条件,确保分流规则的灵活性和一致性,适用于多场景的灰度实验和资源管理。