A007.内测.JQuery统一弹窗
一个Web工程,使用了3种不同的弹出对话框,需要统一。
另外,弹窗应该在弹出后3秒消失,现在要修改成2秒。
@史荣久 / 2015-07-21 / CC-BY-SA-3.0
项目背景
一个Web工程,使用了3种不同的JQuery弹窗插件,
分别是 artDialog
blockUI
和 layer
,
所有弹窗会在弹出后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:分析角度可包括,原开发,现开发,管理,团队,领导。
参考资料
题图:拆迁墙上的创意涂鸦艺术,一个红圈里的“拆”字也已成为当代中国不少艺术家的灵感。