工程化专题
接口自动化测试工程化——了解接口测试
什么是接口测试 接口测试也是一种功能测试 我理解的接口测试，其实也是一种功能测试，只是平时大家说的功能测试更多代指 UI 层面的功能测试，而接口测试更偏向于服务端层面的功能测试。 接口测试的目的 测试左移，尽早介入测试，尽早发现系统更深层的问题，降低问题修复成本。 接口测试测什么 接口测试是为了验证服务端接口内部逻辑的正确性，而这个正确性也分两方面： 接口能否正确处理正常数据，并返回
大模型应用工程化过程
近年来，以人工智能为代表的新一代信息技术加速应用，特 别是基于大模型、大数据、大算力的 ChatGPT 的发布，标志着人 工智能技术取得里程碑式突破，推动科技创新进入新阶段。随着 大模型技术的迅猛发展和场景价值的不断涌现，该技术或将重塑 多个行业的工作方式和格局。 大模型应用工程化各环节 大模型相较于中小模型，具有更好的表示能力、泛化能力、学习能力和语义表
前端工程化工具系列（十二）—— PostCSS(v8.4.38)：CSS 转换工具
PostCSS 是转换 CSS 语法的工具。它提供 API 来对 CSS 文件进行分析和修改它的规则。 PostCSS 本身并不能直接使用，主要是使用基于 PostCSS 编写的插件。 1 安装 pnpm add -D postcss-import postcss-nested postcss-preset-env cssnano 2 配置 在项目根目录下创建 postcss.conf
前端工程化：基于Vue.js 3.0的设计与实践
这里写目录标题 《前端工程化：基于Vue.js 3.0的设计与实践》书籍引言本书概述主要内容作者简介为什么选择这本书？结语 《前端工程化：基于Vue.js 3.0的设计与实践》书籍 够买连接—>https://item.jd.com/13952512.html 引言 在前端技术日新月异的今天，掌握最新的技术和最佳实践是每一位开发者的追求。《前端工程化：基于Vue.
2024年如何通过完善的工程化，从0到1手把手建立个人 react 组件库
本文聚焦于快速创建并部署个人的组件库，方便平时开发中将通用的组件抽出，也可用于简历上展示个人的组件成果~ 组件库体验地址：components-library 关于以上内容，你是否好奇如何实现的，对于大多数项目，诸如：antd element-plus 等，这些都是通过自己编写 md 表格去自定义的，但是对于个人开发的组件库，这显然是不太行的，因为这需要耗费大量时间去编写不太高频的内容，所以
前端工程化工具系列（十一）—— Babel(v7.24)：JavaScript编译器
Babel 是一个Javascript 编译器。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容(backwards compatible)的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其它环境(如：Node.js)中。 Babel 可以在命令行中单独运行也可以和 webpack、rollup 等工具结合使用。 1 单独 || 结合 Webpack 使
前端工程化工具系列（八）——Commitizen(v4.3.0)：Git 提交规范化工具
在 前端工程化工具系列（四）—— Commitlint(v19.3.0)：规范化 Git 提交 中曾介绍过 commitlint，它主要负责检查提交信息的规范性。而本文中的 commitizen，则是提供给了一个交互式的命令行界面，引导开发者按照预定义的格式填写提交信息。它俩的目的都是规范 git 提交。按照使用习惯选择其一即可。 1. 环境要求 支持 Node.js 的版本为 v12 +。
前端工程化工具系列（九）—— mddir(v1.1.1)：自动生成文件目录结构工具
mddir 是一个基于项目目录结构动态生成 Markdown 格式目录结构的工具，方便开发者在文档中展示文件和文件夹的组织结构。 1. 安装 全局安装改工具，方便用于各个项目。 pnpm i -g mddir 2. 使用 在想要生成目录接口的项目内打开命令行工具，输入： mddir 就会在当前项目的根目录下生成 directoryList.md 文件，里边是当前项目的目录文件结构
【Vue】工程化开发和脚手架
一、开发Vue的两种方式 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。工程化开发模式：基于构建工具（例如：webpack）的环境中开发Vue。 工程化开发模式优点： 提高编码效率，比如使用JS新语法、Less/Sass、Typescript等通过webpack都可以编译成浏览器识别的ES3/ES5/CSS等 工程化开发模式问题：
前端工程化工具系列（三）—— Stylelint(v16.6.1)：CSS/SCSS 代码质量工具
Stylelint 是 CSS/SCSS 的静态分析工具，用于检查其中的违规和错误。 1. 环境要求 v16 以上的 Stylelint，支持 Node.js 的版本为 v18.12.0+。 在命令行工具中输入以下内容后回车，来查看当前系统中 Node.js 的版本。 node -v Node.js 推荐使用 v18.20.3+ 或者 v20.13.1+。 这里使用的包管理器是 PNPM
前端工程化工具系列（六）—— VS Code(v1.89.1)：强大的代码编辑器
VS Code（Visual Studio Code）是一款由微软开发的强大且轻量级的代码编辑器，支持多种编程语言，并提供了丰富的扩展插件生态系统。 这里主要介绍如何使用配置 ESLint、Stylelint 等插件来提升开发效率。 1 自动格式化代码 最终要达到的效果是：在对文件保存时自动格式化 Vue、JS/TS、CSS/SCSS 等文件中的代码。 很多文章都提出使用 prettier
vue3通过Vite实现工程化
1. vue3简介 Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。官网为:Vue.js - 渐进式 JavaScript 框架 | Vue.js Vue的核心特性： 声明式渲染：Vue基于标准HT
前端工程化工具系列（五）—— Husky(v9.0.11)lint-staged(v15.2.5)：代码提交前的自动审查利器
Husky 可以在 Git 提交或推送时自动检查提交信息、代码并运行测试。 lint-staged 可以针对暂存的 git 文件运行分析。 1. 环境要求 v9 以上的 husky，支持 Node.js v18+。 v15 以上的 lint-staged，支持 Node.js v18.12.0+。 在命令行中输入以下内容来查看当前系统中 node 的版本。 node -v Node.j
前端工程化工具系列（四）—— Commitlint(v19.3.0)：规范化 Git 提交
commitlint 是对 Git 提交的信息进行校验的工具。 1. 环境要求 v19 以上的 Stylelint，支持 Node.js 的版本为 v18 +。 在命令行中输入以下内容来查看当前系统中 node 的版本。 node -v Node.js 推荐使用 v18.20.3 或者 v20.13.1。 这里使用的包管理器是 PNPM，版本为 v9.1.4。 2 安装 在对应项目的
前端工程化工具系列（三） —— Stylelint(v16.6.1)：CSS/SCSS 代码质量工具
Stylelint 是 CSS/SCSS 代码的静态分析工具，用于检查代码中的错误和样式违规。 1. 环境要求 v16 以上的 Stylelint，支持 Node.js 的版本为 v18.12.0+。 在命令行中输入以下内容来查看当前系统中 node 的版本。 node -v Node.js 推荐使用 v18.20.3 或者 v20.13.1。 这里使用的包管理器是 PNPM，版本为 v
前端工程化工具系列（一）—— ESLint(v9.3.0)：代码质量守护者 基础篇
ESLint 作为前端工程化中的重要工具，主要用于检查和修复 JavaScript/TypeScript 代码中的错误。目的是为了统一代码风格，并确保代码的一致性和可维护性。 1. 环境要求 v9 以上的 ESLint，支持 Node.js 的版本 v18.18.0+，v20.9.0+ 以及 v21.1.0+ 版本的 Node.js，不支持v19及之前的版本。 在命令行中输入以下内容来查看当前
Vue2 基础六前端工程化
代码下载 模块化相关规范 传统开发模式的主要问题：命名冲突、文件依赖。 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块，好处就是：方便代码的重用，从而提升开发效率，并且方便后期的维护。 模块化的分类 浏览器端的模块化： AMD(Asynchronous Module Definition,异步模块定义)，代表
【前端工程化指南】Git常见操作之协作相关操作
获取远程仓库的更新 我们可以使用 git fetch 或者 git pull 两个命令从远程仓库获取最新的提交和分支信息，两者区别如下： git fetch：该命令将远程仓库的最新更改下载到本地，但不会自动合并到当前分支。你可以随后使用其他命令（如 git merge 或者 git rebase）来合并或应用这些更改。git pull：该命令从远程仓库获取最新更改，并自动将其合并到当前分支。它
前端工程化 - 快速通关 - ES6
目录 ES6 1.1 let 1.2 const 1.3解构 1.4链判断 1.5参数默认值 1.6箭头函数 1.7模板字符串 1.8Promise 1.9Async 函数 1.10模块化 ES6 ●ECMAScript（ES） 是规范、 JavaScript 是 ES 的实现 ●ES6 的第一个版本 在 2015 年 6 月发布，正式名称是《ECMA
前端工程化，前端监控，工作流，部署，性能
开发规范 创建项目的时候，配置下 ESlint，stylelint， prettier， commitlint 等; ESLint 主要功能： ESLint 是一个静态代码检查工具，用于在 JavaScript 代码中识别和报告模式。它的目标是提供一个插件化的 JavaScript 代码质量工具。 应用场景： 在前端开发过程中，ESLint 能够帮助开发者发现代码中的错误、不符合规范的
Maven——工程化
Maven——工程化 前言概述仓库管理本地仓库第三方仓库中央仓库 依赖管理Scope 小结 前言 项目中很多工具用起来很方便却很少深究过它们的具体内容,今天和大家一起来复习整理一下再Java工程化中重要的一节:Maven; 概述 项目中Maven有仓库管理、依赖管理等功能为项目的构建提供了完善的解决方案.那么Maven是如何做到这些的呢,下面让我们来了
Screeps工程化之配置化
目录 前言一、抽取配置项二、读取配置项 前言 Screeps中所有代码都会在一个tick（游戏内的世间）内执行完成，想要做到代码的高度复用，和隔离各个房间creep的行为就需要将部分代码进行配置化，本文仅为作者本人的游戏思路，并不是最佳实践，如有更好的实现方法可在评论区提出。 一、抽取配置项 以本人的一个房间配置为例，抽取配置后，有专门调用它们的方法，后文会介绍到 im
Screeps工程化之数量控制模块
前言 将Screeps的代码进行模块化后，可以将各个功能进行分离，互相不影响，本文将会介绍Screeps中如何进行creep的数量控制来维持房间资源的平衡和发展。本文仅为作者本人的游戏思路，并不是最佳实践，如有更好的实现方法可在评论区提出。 如何抽取配置项可以看专栏的文章《Screeps工程化之配置化》 核心实现逻辑 /*** @module creep数量控制模块*/import