1.1.1 前端静态页面走向动态页面的转变

前端主要是针对浏览器进行开发的,代码在浏览器中运行。想要学习前端的基础还需从学习HTML开始。

1991年出现了世界上第一个网页,当时的HTML代码如下:

    <HEADER>
    <TITLE>The World Wide Web project</TITLE>
    <NEXTID N="55">
    </HEADER>
    <BODY>
    <H1>World Wide Web</H1>
    The World Wide Web(W3) is a wide-area
    <A NAME=0 HREF="WhatIs.html">hypermedia</A>

从上面的HTML源码中可以看到代码标签多,且格式没有明确规范,对于规范书写存在着问题。在这种情况下,Tim Berners Lee创建了W3C标准机构,使得HTML的代码有一定的规范,但是在网页设计方面还是存在局限问题,不满足当时的需求。

在这种情况下Sun公司编写了Java小程序(Applet),可以在页面中实现酷炫的动态效果,大大增加了页面的美观效果。紧接着网景公司为了适应发展和需求花了两周时间开发出JavaScript语言,就是我们经常说的JS脚本语言。

HTML语言和JavaScript的诞生使得网页之间可以进行更好的交互,但是出现了页面规划不整齐的情况,而且代码量大,代码利用率低。后来Tim的朋友发布了CSS,至此前端三大核心出现。

在前端技术不断发展的同时,也出现了一系列的问题,比较繁杂的就是前端页面的浏览器不兼容问题。同一个DOM操作可能会需要写很多适配代码来兼容不同浏览器,于是比较便捷的语言jQuery诞生了,一套代码可以多端运行,使得代码的开发更加便捷。