十年WEB技术进步过程

2015/07/19 · HTML5 ·
WEB

初稿出处: 红河小鱼淘宝技术发展历程,WEB前端的发展历程。   

3个小分享,知识有限,进行试探。

1.概要  

      
Web前端开发是由网页制作演化而来,有着显然的时期特征,在总体的网络项目中,前端程序的百分比更是大,难度进一步高,服务端程序员已无法兼顾,全职的前端开发工程师由此诞生。

作者非专业职员,从《Taobao技术那十年》书中收拾而来,若有遗漏或错误,望海涵并指正。同时要求留意的是文中所写的不在少数技巧品质仅表示当初,不可能一如既往于今。

  1. 单节点架构

    图片 1

    单节点架构

  2. 集群架构

ajax

03年的时候本人上六年级,那时候网吧刚在小县城的犄角萌生。神话,大话西游第3代网游临时风靡。笔者抱着试一试的情怀给了网吧总老董两块钱想报名个号玩玩,然后接下去的2个小时笔者直接在,注,册,账,号。

彼时网吧用的512k的带宽,注册的时候,填了一堆消息,提交,页面跳转,嘣,”您填写的音信有误,请重填”。然后跳转回注册页面,以此循环。小编现在隔三差五想,固然当时ajax能推广开来,笔者就能够省2块钱了。

那么ajax是什么?

第①ajax是一种技术。现在的网页交互方式,用户在点击3个按钮后,比如提交按钮,用户即将等待漫长的数量和服务器的互相,期间用户无法开始展览其他操作,只好点根烟。而ajax所做的,正是在向服务器发送请求的时候,大家不必等待结果,而是能够同时做此外的事情,等到有了结果大家能够再来处理这些事

其实ajax技术早在一九九九年的时候就已经由微软达成了,但是直到二〇〇六年3月,艾达ptive
Path公司的Jesse James 加雷特宣布作品“Ajax: A New Approach to Web
Applications”,人们读了后认为啊不错哦这么些屌,那未来ajax才大规模推广开来。

ajax的出现,极大了增强了web的用户体验。时至后日,固然国内IT发展再怎么落后,全部网站的报到注册也早已落到实处了ajax交互。用户点填写完音讯后,页面不用刷新就足以精晓音讯交到成功与否,哪错改哪。

除此以外ajax作为一种左右端分离的消除方案,也曾经被国内大多数不很low的卖家所运用,也间接导致了php等网页脚本语言的没落。(来辩)

 

2.升高过程

图片 2

Web发展进度

图片 3

Web 1.0

图片 4

Web 2.0

图片 5

Web 3.0


![](https://upload-images.jianshu.io/upload_images/4689931-d44038c2986206af.png)

集群架构

JQUERY

陈年的js编制程序,代码的效用是极致低下的,这一点越来越浮以后操作dom上,开发者想要给贰个按钮添加事件,要写长长一大段再一次的代码去获得到那个按钮,再写长长一大段重新的代码去丰盛风云。固然老油条会将常用的操作封装起来,可是对于不会卷入的新手,那无疑是很惨痛的一件事,尤其再添加各类各个的极度。

二〇〇七年,本着拯救菜鸟,让她们do
more的宗旨,jquery诞生。jQuery诞生的含义,一是对ie6 7 8
及种种割据一方的浏览器做好了十二分,二是特大简化了dom操作,使支付作用大大进步。jquery很凶猛,火爆的多少前端只会写jquery而不会写原生js的水准。时至前日,说jquery
write once,see everywhere已经不为过了。

jquery的另2个意思(笔者以为)在于,它催化了人们对前者的志趣与探索,对比linux,你用很低的成本,就足以写出一个让不懂编程的阿妹说欧巴你碉堡了的法力,令人们以为呀(又)不错哦那一个屌。此后大气的类库和基于jquey的插件多如牛毛般诞生,前端行业歌舞升平扶摇直上,网页开发进入2个新时期。

 

3.Web前端工程师岗位任务

图片 6

Web前端工程师岗位职分

2001年3月,天猫商城秘密起头于湖畔花园,购买了一个LAMP(Linux+Apache+MySQL+PHP)架构的网站。

  1. 集群+分布式架构

CHROME

全世界武术出谷歌。在ie6,7,8的权且里面,固然Firefox也缓慢的挑战ie的位置。但和二〇一〇年先河谷歌(Google)开始加大的chrome浏览器产生的颠覆性影响比起来,逊色很多。Chrome使用Apple的开源内核webkit,出色的设计标准和市集反应;促进浏览器快捷迭代,让IE在windows第10中学到底消灭。

chrome浏览器的生产,将简化前端的入门程度又促进了一步,其自带的调剂工具好用又无脑,大家得以选择其轻松的查看互联网状态,加载顺序,实行断点调节和测试等,同时谷歌(谷歌(Google))的插件成效,又给开发者提供了大幅便利。

眼前chrome最新版起首运用blink内核,测试版本中,已经得以对css3动画举行追踪和调节和测试。在自身还尚无想象到的时候,chrome已经落到实处了它。

一句话,没有chrome,就平昔不新中华夏族民共和国,就只可以用firefox了。

4.HTML5优势

苹果和谷歌(谷歌(Google))等都在推崇HTML5技艺,所以其发展趋势会更为适应用户必要。

2002年初,MySQL换成Oracle,同时选择1个开源的连接池代理服务SQL
Relay。Oracle体量大、稳定、安全、品质高,Oracle的习性和产出国访问问能力之所以如此有力,有叁个重点设计——连接池,连接池中放的是长连接,任何一个呼吁只须要从连接池中获取3个链接即可,用完后获释,不要求频仍的创设和断开连接。(二〇〇二年时的意况)

![](https://upload-images.jianshu.io/upload_images/4689931-33f6e08b86d65b34.png)

集群+分布式架构



![](https://upload-images.jianshu.io/upload_images/4689931-d9fef637f25fffe7.png)

集群+分布式架构
网站地图xml地图