当前位置: 首页 > Web前端 > HTML

Web技术的前世今生(二)

时间:2023-04-02 15:03:30 HTML

前言:我是JavaScript,如果你还不了解我,不妨看看《Web技术的前世今生(一)》平静的生活已经有一段时间了。这天,HTML哥一脸不高兴的走过来问我:“Js,你是不是打算和我们分开了?”“哥,你在说什么,我哪里做错了?”面无表情地回答。“哼,听我PHP哥说的,最近你老是让它把服务器上的数据返回给你,有这种事就告诉我吧!”“是啊,不过……”“你看嘛,我就知道你羽翼未丰,敢和你大哥抢生意,谁不知道服务器端数据建设是你大哥的工作进了网页,你小子……”“等等,大哥,我误会是你了。我见大哥越来越生气,连忙打断。“你还记得我们的客户Google吗?”“别跟我提那个偏执狂,上次我在e-mail项目上用它辛苦了,它还是不满意,坚持要做。更新页面的一部分而不重新加载整个页面。知道这样的方式我最近一直在为每个请求重新加载一个新页面,这不是纯粹的尴尬人……呃,现在你在谈论你自己的事情,你为什么要谈论它?”“哥,你别生气,我跟你解释一下,就是Gmail这个项目需要部分刷新的问题,你之前不是问过我吗?我当时也没想到办法。”不过前几天想了想,发现好像可行,可以通过一个叫XHR的家伙和服务器交换数据,然后发送得到的新数据,可以通过dom插入到当前页面,我一直最近在研究这件事,还没来得及跟你说。”“哎呀,看看我的脑子,”大哥一脸羞愧的说道:“这么久了,原来是你在帮我!大哥刚才的态度……”“大哥”,我又急忙打断大哥的话,“你别反省了,既然有了办法,就去说偏执狂是真的吧,毕竟,是个大客户,不值得丢。”“哦,对对对,我马上过去。”随着大哥心结的解开,风波终于过去了。(猿致远注:XMLHttpRequest(XHR),作为JavaScript的一个对象,可以用来在浏览器和服务器之间传输数据。然而,自1998年问世以来,却鲜少受到关注。直到谷歌发布了一系列使用它开发的部分刷新的Web产品,如Gmail和谷歌地图,异步请求这种“新”技术才突然流行起来,并且还有一个影响深远的名字Web开发史:Ajax)时间来到2005年,大概那个时候,有人开始称我们家为“Web前端”。我们前端一族的最大特点就是跑在浏览器上,所以那些跑在服务器端(后端)的PHP、ASP等家伙这辈子都不想在我们家安家了.说到浏览器,准确的说是浏览器,不得不在这里吐槽一下。因为是商业产品,所以整天都是为了市场份额你死我活。本来我对他们之间的战斗不感兴趣,但是直到有一天我发现我构建的同一个脚本对他们的效果不一致,而且这种情况随着参与战斗的浏览器数量的增加而增加。越来越复杂了……“该死的Js,为什么按钮点击不起作用?”,“新版本的Js不能阻止事件冒泡吗?”,“这Js估计抽风了……””在我的日子里,我经常把浏览器的责任推给别人,遭受大家的误解。就在我最担心的时候,家里来了一个新人——jQuery。“哥们儿,给我们看点绝活吧”大哥率先开口。《小意思》,jQuery一边回答一边完成了一段ajax调用代码,期间还操作了dom。看着这段像意大利面条一样的代码,但真的很短小精悍,就在我和弟弟吃惊的时候,jQuery又发话了:“兄弟,现在这段代码可以在任何浏览器上运行了。”“你的意思是……可以做js一样的事情,而且……还解决了浏览器兼容的问题?”大哥吃惊得结巴起来。那一刻,我突然感到前所未有的危机感。“我不能说完全,我的存在只是为了让人类尽可能地忽略浏览器兼容性问题,以更优雅的方式更方便地操作网页。其实,这背后的功臣就是前身js.我只是它的小跟班。听到jQuery的话,我走上前去握住它的手,热泪盈眶(ru)泪流满面(fu),“欢迎来到我们家,我们以后就是一家人了。”之后,我的生活就舒服多了,只有遇到jQuery解决不了的问题我才挺身而出。一般来说,这个小跟班都能很好的完成任务。然而同时,生活也并非如此对PHP老兄来说如此简单,Web后端正在酝酿一场革命。你读完这个故事了吗,还是还没读完?没关系,关注《猿知原味》公众号(yz--yw),还有一大波生动有趣的干货等着你。传送门:《Web技术的前世今生(一)》《Web技术的前世今生(三)》