Web前端发展简史
有些人说“前端开发”是IT界最轻易被误解岗位，这不是空穴来风。假如你还认为前端只是从美工那里拿到切图， JS和CSS一番乱炖，难搞功效就去网上信手拈来，CtrlC + Ctrl V话，那就正中了这份误解下怀。经过十几年发展，web前端早已脱离了原来边缘化形态，饰演了移动互联网开发链条中最关键角色，是应用或产品能否打动用户踹门砖。那么什么是前端开发，其又包含了哪些内容？
前端开发定义
从狭义定义来看，“前端开发”是指围绕HTML、JavaScript、CSS这么一套体系开发技术，它运行宿主是浏览器。从广义定义来看，其应该包含：
专门为手持终端设计类似WML这么类HTML语言，和类似WMLScript类JavaScript语言。
VML和SVG等基于XML描述图形语言。
隶属于XML体系XML，XPath，DTD等技术。
用于支撑后端ASP，JSP，，PHP，Nodejs等语言或技术。
被第三方程序打包一个类似浏览器宿主环境，比如Adobe AIR和使用HyBird方法部分开发技术，如PhoneGap。
Adobe Flash，Flex，Microsoft Silverlight，Java Applet，JavaFx等RIA开发技术。
本文关键从“web前端”，也即狭义前端角度出发，以人类科技进步划时代方法，将前端开发划分为多个关键时代，率领大家领会一下前端这十几年来发展历程。
石器时代
最早期Web界面基础全部是在互联网上使用，大家浏览一些内容，填写多个表单而且提交。当初界面以浏览为主，基础全部是
HTML代码，我们来看一个最简单HTML文件：
<html>
<head>
<title>测试一</title>
</head>
<body>
<h1>主标题</h1>
<p>段落内容</p>
</body>
</html>
为了实施部分动作或进行一定业务处理，有时候会穿插部分JavaScript，如作为用户端校验这么基础功效。代码组织比较简单，而且CSS利用也是比较少。譬如：下面这个文档将带有一段JavaScript代码，用于拼接两个输入框中字符串，而且弹出窗口显示。
<html>
<head>
<title>测试二</title>
</head>
<body>
<inputid="firstNameInput"type="text"/>
<inputid="lastNameInput"type="text"/>
<inputtype="button"onclick="greet()"/>
<scriptlanguage="JavaScript">
function greet(){
var firstName = ("firstNameInput").value;
var lastName = ("lastNameInput").value;
alert("Hello, "+ firstName +"."+ lastName);
}
</script>
</body>
</html>
因为静态界面不能实现保留数据等功效，出现了很多服务端技术，早期有CGI（Common Gateway Interface，多数用C语言或Perl实现），ASP（使用VBScript或JScript），JSP（使用Java），PHP等等，Python和Ruby等语言也常被用于这类用途。
有了这类技术，在HTML中就能够使用表单post功效提交数据了，比如：
<formmethod="post"action="">
<p>First Name: <inputtype="text"name="firstName"/></p>
<p>Last Name: <inputtype="text"name="lastName"/></p>
<inputtype="submit"value="Submit"/>
</form>
在这个阶段，因为用户端和服务端职责未作明确划分，比如生成一个字符串，能够由前端JavaScript做，也能够由服务端语言做。所以通常在一个界面里，会有两种语言混杂在一起，用<%和%>标识部分会在服务端实施，输出结果，甚至常常有把数据库连接代码跟页面代码混杂在一起情况，给维护带来了很大问题。
<html>
<body>
<p>Hello world!</p>
<p>
<%("Hello world from server!")%
web前端发展简史样稿 来自淘豆网m.daumloan.com转载请标明出处.
