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={},data.key=value的形式定义data;

2、ajax的程序执行顺序对整个程序的影响,主要是ajax程序的执行的滞后问题,ajax的异步执行必然导致ajax内部的操作晚于很多线程,致使要想使用内部的变量的一些操作必然出现预料之外的问题,处理方法嘛,大概分两种:一种是更改async:flase;即修改ajax的异步操作为同步,不执行完程序不向下进行,当然,就目前的这个小问题这样的操作未免有些小题大作了,有点浪费这个属性的价值了;那就说说第二种,既然是ajax内部的执行晚于外部的线程,能不能把外部的程序移到ajax内部呐,回答当然是肯定的,可以,并且很好的解决了问题,哪儿出的问题就修改哪儿,效果也一目了然,直截了当。

还有遇到了另外一个问题:select中option状态的动态修改:$(‘select>option[xxx=xxx]‘).attr("selected","selected")

时间: 2024-10-22 03:17:49

web前端_正式开发之路_第一周_总结的相关文章

Web前端与移动开发学习路线图

文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.com/s/1nv0OMuP 密码: ipf9 好东西岂能独享,欢迎分享到你的朋友圈,推荐给更多的朋友.欢迎关注公众号,订阅视频更新,好视频岂容错过. step01初级教程 前端与移动开发基础视频 本套视频内容重点讲解Web前端基础知识,主要包含了用来定义页面内容的HTML,用来定义页面样式

一名优秀的Web前端工程师的成长之路

我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业. Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括

web前端实用案例-开发饿了么LBS移动地图点餐系统

知识点:html/css,标签运用.样式讲解.静态开发布局.行业标准.JS基础.if判断.jq方法 Dom操作.逻辑思维. html代码: <div class="top"> <div class="t-header"> <div class="t-logo"> <a href="#"> <img src="images/logo.png" alt=&q

Web前端,HTML5开发,前端资源,前端网址,前端博客,前端框架整理 - 转

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 - 转 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS

Python学习之路(第一周)

走上软件开发之路已经三个年头.我本人是android原生开发出生.期间由于工作的需要以及开发的趋势发展,也走上混合开发的道路,现在主要运用ionic框架进行移动端app的开发.但是未来的互联网发展趋势还是大数据+人工智能.所以现在学习Python就很有必要.这里就不介绍Python语言的优劣了,想具体了解的小伙伴可以自行度娘吧. 好了,直接步入正题. 本博客主要记录自己接下来几个月的Python学习之路,能力有限,期间有什么表达不对的欢迎大家留言区批评指正! Python版本:Python3.5

web前端之html5开发中常用的开发工具

正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果.正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下: 一.HTML5全栈开发工具之Adobe Dreamweaver 首先是大名鼎鼎的Adobe Dreamweaver,Adobe Dreamweaver 软件使设计人员和开发人员能充满自信地构建基于标准的网站.由于同新的 Adobe CS Live 在线

web前端与移动开发---html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表

web前端与移动开发---html标签的学习及特殊符号

在学习html标签之前,我们先来回顾一下浏览器在请求服务器的过程: 1.在浏览器的地址栏里面输入URL 2.浏览器发送一条请求到服务器,服务器接收请求并处理 3.服务器将数据传回浏览器 4.浏览器解析数据,并且显示在页面上 下面开始html标签的学习 1.p标签: p标签是一个双标签,用来存放段落内容,使其与其他内容上下保持一定的间隙. <p>段落内容</p> 2.h系列标签,从h1到h6字体大小逐渐减小,用来存放标题,使其内容字体加粗变大,独成一行. <h1>标题1&

web前端,移动开发规范概述

以下规范建议,均是Alloyteam在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用 字体设置 使用无衬线字体 body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; } iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica.中文字体设置为华文黑体STHeiTi. 需补充说明,华文黑体并不存在iOS的字体库中(http://su