发表于: 2016-11-06 23:04:07

1 1667



任务五,完成主要大部分了。一路也是摔跤不断。把几个前辈烦的估计都不想理我了吧。

主要遇到的砍有:

    1、看不懂任务。资源下载下来后,蒙了。没能理解任务。看来好几天任务要求,才明白是要看线下学员报名系统接口这个html,才大概明白任务是作ajax。之后花了三天把锋利的jquery走马观花看来一遍。大概可以上手了。

    2、jquery写的非常慢,语法错误一大堆,不对着速查表,就能打出一个字母$。结果第一天只把html和css写了。

    3、任务5最大的困难,对我而言是配置nginx欺骗浏览器来实现跨域。现在大致明白了 location /{} 这个语句的意思了。配置方面师兄已经说的很清楚了,把师兄的日报推荐到技能树里面了,不多提了。大致理解为 浏览器规定 A和 B不能实现通信,nginx告诉浏览器,A叫C,B也叫C,浏览器想了想,同意他们通信。在提一个坑,jquery的ajax请求的url相对路径是相对于html文件的,而不是相对与js文件的。这个祸害了半天。

    总之,本地是没问题了,发几张本地页面的截图,基本功能是都有了。当然上传到服务器自然就又废了。我用的是新浪的云应用,所以目前没想到怎么弄,服务器相关知识点基本为零。

    4、提一下遇到的两个小问题。一是报名时间,我用的是h5的input,type=date。一来不是所有浏览器都支持。二来是在js中取得值为2016-11-03形式的字符串。不符合接口文件里对joinTime的类型,是无法完成完成提交的。而我一开始没注意,以为是nginx配置的问题,浪费了几个小时。在一个是,ajax方法要注意用return flash在取消submit的默认行为。后者使得请求状态一直为0,怀疑数据格式错误,也坑了我一个小时。

   

做的时候好辛苦,回想起来居然感觉都是很简单的问题。不过涉及的知识点,我都只学到了刚刚好能解决的任务5的程度,堪忧。


尚未完成的有:

     1、表单验证。h5很强大,以至于我很不看重表单验证这个,遗憾的是不同浏览器的态度不一样。只在本科接触过c基础,所以正则表达式对我是全新的内容,需要花点时间学习一下了。

     2、日期框、富文本编辑。

     3、交互方面也很差,如果提交失败,连我都不明白是哪里错误的。太习惯用alert了,非常新手的习惯。

     4、PostMan相关。给出每个请求的响应时间。两个要求也被我忽略了。


网址链接这个任务不发了,上传后就没实现跨域。

代码:https://github.com/mrfangbin/js/tree/master/task5

说几句题外话,差点被任务5卡死,刷掉的我,从我获得的学生列表来看,做测试的人估计不多,同一时间就没有人。所以,貌似进入任务5的人不多。js




返回列表 返回列表
评论

    分享到