首页 > 代码库 > web前端_正式开发之路_第一周_总结
web前端_正式开发之路_第一周_总结
2016.11.07正式入职xx企业(暂时保密),岗位:web前端开发工程师。
作为从一个设计、美工转战到web前端开发岗位,当然,现在还处于试用期阶段,三个月的时间,不短吧,不知道是不是能顺利的通过这段时期,希望吧。
作为一个转行的人,可以说我的转行是历经曲折,经历了八九个月的时间,其中五味杂陈,只有自己知道自己经历了多么痛苦的时光,不过,还好吧,自己的选择,自己的兴趣,苦点累点倒不是很重要,重要的是现在自己进入了开发角色,无所谓薪水、工作时间等,只要是开发的工作就好,不要单纯的做个coding man...巴拉巴拉说了这么多还没进入正题,废话不多说,说说这一周的经历与收获吧。
周一入职,上午看了一会文档、接口什么的,说实话,开始的时候我不知道这玩意是干啥用的,我知道这个玩意是干啥用的是到了周四的时候吧大概,那个时候有个需求要跨域post请求数据,这时候用到了文档的接口,才知道所谓的接口这个玩意是链接url的组成的一部分,那个返回的字段什么什么的是响应的信息啥的,大概是下午的时候吧,带我的那个大哥给了我一个需求让我做,跟产品的一哥们对接,我就做呗,大概是照着百度地图的某个页面增加一个功能页面,功能很简单,添加、修改、删除,就这三项,本以为很简单的功能,以前做的时候就是js控制一下页面内容的增加append,删除remove,修改就是抓一下页面元素修改了再存一下show一下就ok的,但是,这里说的就是这个但是,但是以前做的那些都是一些死的数据,现在是实际的项目,数据不可能是死的,必须写活,写活的话就得靠后台的数据了,这当然就要用到那个接口什么的啦,$.ajax()去跨域请求数据资源,show到页面上,修改完的数据update到后台数据的接口那边更新数据,如此往复,还好终于在周五的时候搞定了。
就说说这个$.ajax({
timeout:3000,//请求超时时间(ms)
url:url,//缺省默认为当前页url
data:{k:v,k:v,...},//map类型
type:"post",//get(缺省时默认值)
dataType:"json",//jsonp
async:true,//是否异步默然是true 特别情况对程序执行顺序有要求的时候async:false 容易锁住浏览器,在ajax程序执行完以前,浏览器处于锁死状态,用户不能操作
cache:true,//缓存
crossDomain:true,
success:function(data){}
});
我用到了的大概就是这些参数,处理的时候大概遇到了两个问题吧:
1、data参数(部分参数有初始值,另外一部分参数需要特定时机下获得参数值),data的定义与传入时机的确定在什么位置,如果data的所有值都确定,直接在ajax内部使用就可以了,可以不用data传入callback(data),还有就是所说的情景下,这种情况下data必须以参数的形式传入callback(data),传入之前data=http://www.mamicode.com/{},data.key=value的形式定义data;
2、ajax的程序执行顺序对整个程序的影响,主要是ajax程序的执行的滞后问题,ajax的异步执行必然导致ajax内部的操作晚于很多线程,致使要想使用内部的变量的一些操作必然出现预料之外的问题,处理方法嘛,大概分两种:一种是更改async:flase;即修改ajax的异步操作为同步,不执行完程序不向下进行,当然,就目前的这个小问题这样的操作未免有些小题大作了,有点浪费这个属性的价值了;那就说说第二种,既然是ajax内部的执行晚于外部的线程,能不能把外部的程序移到ajax内部呐,回答当然是肯定的,可以,并且很好的解决了问题,哪儿出的问题就修改哪儿,效果也一目了然,直截了当。
还有遇到了另外一个问题:select中option状态的动态修改:$(‘select>option[xxx=xxx]‘).attr("selected","selected")
web前端_正式开发之路_第一周_总结