WebUI2重构规范详解：遵循标准、命名与工具选用

本文档详细阐述了WebUI2重构规范，旨在提升前端开发的效率和代码质量。首先，强调遵循Web标准，使用语义化的HTML5标签，实现结构、表现和行为的分离，确保跨浏览器的兼容性和高效解析。在代码编写上，提倡简洁、有序，减少服务器负担。 命名规范方面，文件名采用小写字母和下划线分隔，模块文件夹以模块名首字母小写命名；JavaScript方法和变量采用驼峰命名法；CSS样式同样采用小写字母和下划线连接。HTML标签严格遵循HTML5标准，注重语义，并鼓励使用"data-"属性来存储部分数据。 对于开发和测试工具的选择，推荐使用Aptana、nopetad++、Dreamweaver或Vim，但强调不能依赖IDE的视图模式或自动生成代码功能，要求代码格式化。在测试阶段，初期主要针对Firefox、IE6、IE7、IE8，后续优化会增加Opera和Chrome（条件允许时再考虑Safari）。测试顺序建议按照火狐、IE7、IE8等执行，并利用firebug和IETabPlus插件辅助。 目录结构设计遵循HTML5标准，分为build、css、html、js和images五个主要文件夹。build存放项目配置和工具，css按功能划分不同的样式表，如基础样式、首页模块样式和业务值班模块样式等。html文件夹下，各模块根据模块名和页面类型创建子文件夹，使用规范的文件命名。js文件夹存放JavaScript代码，注意使用延迟加载技术。 这篇规范文档提供了一套全面且细致的前端开发流程指南，旨在创建出结构清晰、性能优越、易于维护的WebUI2应用。遵循这些规范，将有助于团队协作、代码复用和项目的长期可持续发展。