爱可深思▼ 2015▼ 内测 JS 团队 重构 Jquery

A007.内测.JQuery统一弹窗

一个Web工程,使用了3种不同的弹出对话框,需要统一。
另外,弹窗应该在弹出后3秒消失,现在要修改成2秒。

@史荣久 / 2015-07-21 / CC-BY-SA-3.0

项目背景

一个Web工程,使用了3种不同的JQuery弹窗插件,
分别是 artDialog blockUIlayer
所有弹窗会在弹出后3秒自动消失。

现在,领导说:“弹窗要统一一下,改成2秒后消失。”

以下是工程中提取的文件,(点我下载 [a007.zip 122k])
解压a007.zip,得到以下文件结构。

├── css
│   ├── artDialog.css
│   ├── default
│   │   ├── xubox_ico0.png
│   │   └── xubox_title0.png
│   └── layer.css
├── js
│   ├── artDialog.source.js
│   ├── common.js
│   ├── jquery-1.8.2.min.js
│   ├── jquery.blockUI.js
│   └── layer.js
├── x-addr.html
├── x-edu.html
├── x-safe.html
└── x-vote.html

任务目标

(1)请按领导的意思,修改这些文件。
提示1:统一所有弹窗样式,统一弹出后2秒自动消失。
提示2:大刀阔斧的砍吧,任何文件和目录都可以修改。

(2)基于以下项目统计信息,提出合适的修改方案。
提示1:人力,进度,质量等。
提示2:修改容易,测试不易。

  • 有html文件519个。
  • 有107处,引用artDialog.source.js
  • 有109处,引用jquery.blockUI.js
  • 有227处,引用layer.js
  • 有83处,使用了common.js中的showmsg方法。
  • 有59处,使用了common.js中的showalert方法。
  • 有13处,使用了setTimeout方法。
$ find Theme -name '*.html' |wc -l
519
$ ag 'artDialog.source.js' -G '\.html$' Theme |wc -l
107
$ ag 'jquery.blockUI.js' -G '\.html$' Theme |wc -l
109
$ ag 'layer.js' -G '\.html$' Theme |wc -l
227
$ ag 'showmsg *\(' -G '\.html$' Theme |wc -l
83
$ ag 'showalert *\(' -G '\.html$'  Theme |wc -l
59
$ ag 'setTimeout *\(' -G '\.html$' Theme |wc -l
13

(3)以上数据和修改都属实,试分析原因和防止在发生策略。
提示1:分析角度可包括,原开发,现开发,管理,团队,领导。

项目截图(js,html)

参考资料

《A007.内测.JQuery统一弹窗》 一个Web工程,使用了3种不同的弹出对话框,需要统一。另外,弹窗应该在弹出后3秒消失,现在要修改成2秒。
题图:拆迁墙上的创意涂鸦艺术,一个红圈里的“拆”字也已成为当代中国不少艺术家的灵感。