开发文档

开发环境搭建

必要工具

• 代码编辑器（推荐 WebStorm）
• Git
• 现代浏览器（Chrome/Firefox/Edge）

开发规范

HTML 规范

• 使用 HTML5 语义化标签
• 保持良好的缩进（2空格）
• 标签必须闭合
• 属性使用双引号

CSS 规范

• 使用 CSS3 新特性
• 采用 BEM 命名规范
• 避免使用 !important
• 媒体查询断点统一

JavaScript 规范

• 使用 ES6+ 语法
• 采用模块化开发
• 使用 const/let 代替 var
• 注意代码注释

目录结构说明

• src/css/: 存放所有 CSS 文件
  • main.css: 主要样式
• src/js/: 存放所有 JavaScript 文件
  • base.js: 基础功能
• src/images/: 图片资源
• src/fonts/: 字体文件

功能模块说明

轮播图模块

• 支持图片和视频混合展示
• 自动播放/手动控制
• 响应式适配

新闻模块

• 新闻分类展示
• 动态加载
• 响应式布局

通知公告

• 分类筛选
• 置顶功能
• 分页加载

师资力量

• 教师信息展示
• 自动轮播
• 详情展开

更新日志

v1.0.0 (2024-12)

• 初始版本发布

• 实现基础功能

• 完成响应式布局

v1.1.0 (2024-12)

• 完善基础功能
• 新增固定导航栏

联系方式

如有问题，请联系项目维护者：

• Email: [email protected]
• GitHub: Super-XiaoNian