Task One:修改links
首先是调链接,将原来的项目clone下来,替换掉部分链接… 看似十分简单的任务,但是我却也GG了几次~MMP,先是链接没有完全改完,漏掉了js文件里的几个没有改,但是这并不重要,重要的是根本就没有发布 - -//
最后,经过一顿折终于是发布到了测试环境上让java老哥跑了起来~
Task Two:添加dom元素
嗨呀,改这个并没有什么难度..但还是遇到了几个问题,比如在没有服务器环境的情况下如何看到修改后页面的效果,mootools和jq的冲突啊,等等…
调试问题是用Fiddler解决的,具体方法:
1.用Fiddler查看页面的数据流列表,找到这个需要修改文件的session
2.将文件保存到本地
3.开启Fiddler的请求自动重定向功能
4.创建重定向规则,将目标是这个文件网上url请求重定向到本地文件
5.修改本地文件,进行测试
冲突问题用jQuery.noConflict()
1.原因是mootools或其他js插件库的$起了冲突
2.先引用jq,然后插入 var jq = jQuery.noConflict() 之后再引用mootools或其他js插件库;还有要注意的就是如果你还要使用jq的插件的话,记得手动把插件里的$符都改成jq !!! 使用编辑器的快捷键1S就搞定了,这里就不多提了~
3.用jq操作dom的时候和平时用一样,只不过将$换成jq罢了
面临的问题
- 获取数据是不是也要用mootools模版
- 省市区控件(到底是否可以引入JQ),dom操作能不能用jq
- 接口格式不知道..java老哥说和之前的不一样
- mock数据具体操作
- 怎么模拟接口数据让fiddler抓取