维护并安全修改遗留前端代码，使用原生 JavaScript、jQuery、HTML/CSS 和服务端渲染模板，不迁移框架。
传统前端项目规范（JS + jQuery + HTML）
功能概述
传统前端项目规范（JS + jQuery + HTML）是一项面向实际任务的技能，主要用于Purpose；在不重写技术栈的前提下安全维护 vanilla JS、jQuery、HTML/CSS 和服务端模板项目；
核心要点
- Procedure；
- 先确认本次改动是维护旧栈还是迁移；
- 迁移到 React/Vue/TypeScript 时切换到现代化迁移 workflow；
使用与执行
沿用现有架构和代码风格，优先修复问题，不在一次改动中引入多项现代化。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。
传统前端项目规范（JS + jQuery + HTML）
Purpose
在不重写技术栈的前提下安全维护 vanilla JS、jQuery、HTML/CSS 和服务端模板项目。
Procedure
- 先确认本次改动是维护旧栈还是迁移；迁移到 React/Vue/TypeScript 时切换到现代化迁移 workflow。
- 沿用现有架构和代码风格，优先修复问题，不在一次改动中引入多项现代化。
- JavaScript 用 IIFE/命名空间减少全局污染，事件绑定优先委托到合理容器。
- DOM 更新缓存选择器、批量操作、转义用户输入；Ajax 必须处理 loading、error、空状态和防重复提交。
- HTML/CSS 保持语义、label、alt、BEM/既有命名和低选择器深度。
- 安全重点检查
.html()、innerHTML、URL 参数渲染、CSRF token 和文件上传。
Detailed References
涉及 jQuery 命名空间、事件绑定、Ajax、XSS 转义、文件组织和维护清单示例时，加载 references/legacy-patterns.md。
Constraints
- 在现有架构内改进，不要引入与项目格格不入的现代框架。
- 渐进增强优于推倒重来。
- 禁止用
innerHTML/.html()直接插入用户输入。 - 避免全局变量污染。
- 每次聚焦一个维护点，避免顺手重构整个模块。
Expected Output
改动与旧项目风格一致，无全局变量泄漏，事件和 DOM 操作可维护，Ajax 状态完整，用户输入已转义，渐进改进不破坏现有功能。
相关专题
本专题聚焦DBeaver数据库连接配置与管理，覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库，整理相应的连接设置方法，并提供驱动缺失、认证失败和连接异常等问题的排查方向。
2026.11.04
0
16
本专题围绕XORM框架的结构体映射展开，说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充，并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。
2026.11.04
0
15
本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。
2026.11.04
0
15
本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。
2026.11.04
0
16
本专题聚焦XORM框架的配置与连接环节，拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择，讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式，并补充容器与兼容数据库的适配经验。
2026.11.04
0
16
本专题梳理XORM框架的入门路径，从框架定位、依赖安装、连接数据库到跑通第一个增删改查示例，讲清Engine初始化、日志开启与项目目录规划，并对比GORM等同类ORM的差异，帮助Go开发者建立整体认知。
2026.11.04
0
15
本专题聚焦Docker Desktop容器端口映射与访问配置，整理从创建容器、设置端口绑定到验证本地服务访问的操作流程。针对端口被占用、映射配置错误、容器服务无法访问等情况，也提供相应的检查方向，方便用户完成端口配置。
2026.11.03
0
18
想使用Docker Desktop将本地项目构建成Docker镜像？本专题围绕镜像构建的实际操作展开，介绍Dockerfile编写、构建命令使用、镜像标签设置和构建日志查看等内容，同时整理镜像无法生成、依赖安装失败及构建缓存异常等问题的排查思路。
2026.11.03
0
11
本专题聚焦Docker Desktop容器创建与运行配置，介绍通过本地镜像或远程镜像创建容器的方法，以及容器启动、终端访问、日志查看和基础管理等操作。针对端口冲突、参数配置不当、容器无法启动等情况，也整理了相应的排查方向。
2026.11.03
0
11
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.1万人学习
共49课时 | 82.6万人学习
