前端语言的历史:从 HTML 到 CSS 和 J*aScript 的演变,漳州网站建设论坛

#网络推广 发布时间: 2024-11-23
    前端语言的历史

    下面简单总结一下html、css、js的历史。

    超文本标记语言

    为了使欧洲各国的核物理学家能够通过计算机网络及时交流和传递信息,进行协作研究,Tim-Lee博士开发了第一个网络服务器和网络客户端,并将其命名为WWW(万维网,World Wide web)万维网)

    在发明万维网的同时,他还创建了HTML(Hyper Text,超文本标记语言),并推荐了近20种用于编写网页的元素,我们现在称之为标签。

    W3C(World Wide web,万维网联盟)成为 HTML 后续标准的开发商。

    W3C希望网络完全基于XML规则,并开始开发XHTML 2.0。这个版本与之前的版本差异更大,导致与现有网页甚至之前版本的 HTML 不兼容。

    HTML5

    W3C 组织内部出现了一股抵抗力量。他们希望支持创建 Web 应用程序的功能得到更多关注,并以此为目标扩展 HTML。 2004年,他们成立了自己的组织:(Web Group,网络超文本应用技术工作组),也就是官方网站*。大部分工作分为:web Form 2.0 和 web Apps 1.0,均基于 HTML 规范扩展。这两个规范合并后,简称为 HTML5 规范。

    CSS

    CSS(Style,层叠样式表)的发展历史比较简单。该语言的主要功能是为文档中的标签添加大小、颜色、位置等特征。 “级联”是指可以多次编写一个标签的样式,但一定的规则顺序决定了应用哪种样式语言。

    CSS3

    CSS3是CSS(层叠样式表)技术的升级版本。 1999年制定,2001年5月23日,W3C完成了CSS3的工作草案,主要包括盒模型、列表模块、超链接方法、语言模块、背景和边框、文字效果、多列布局等模块。

    (简称“JS”)是一种轻量级、解释型或即时编译型、功能优先的编程语言。尽管它作为开发网页的脚本语言而闻名,但它也用于许多非浏览器环境。它是一种基于原型编程、多范式的动态脚本语言,支持面向对象、命令式和声明式(如函数式编程)风格。

    ES6

    标准是。截至 2012 年,所有浏览器都完全支持 5.1,较旧的浏览器至少支持 3 个标准。 2015年6月17日,ECMA国际组织发布了第六版。这个版本官方称为2015,但通常称为6或ES6。

    浏览器

     和  之间的早期浏览器战争以  通过将 IE 与操作系统捆绑在一起而取得胜利而告终。两家公司无视W3C文档标准,并且与彼此的浏览器不兼容,导致今天的Web开发必须处理棘手的兼容性问题,并使IE臭名昭著几个世纪。即使是现代浏览器也有不同的差异。

    2008年 的推出标志着第二次浏览器战争的开始。随着  的后裔  的推出,IE 也遭到了包围。再加上移动互联网的快速增长,IE正在被彻底边缘化。

    后端眼中的前端

    每个程序员都应该听说过程序员鄙视链。做C的人看不起做C++的人,做C++的人看不起做J*a的人,做J*a的人看不起.net。这些都看不起前端人。可以说,前端程序程序员应该处于程序员鄙视链的最底层。

    前端之所以在业界被鄙视,完全是因为它容易上手。早期的前端俗称美术师、图片剪辑师。他们每天的工作就是剪图片、写HTML、写CSS。在J*a或者C语言开发者眼中,仅仅渲染一个网页并不困难。

    大多数后端仍然坚持jsp、php等前后端不分离的思想。他们认为前端只需要改变样式就可以显示数据,这并不困难。他随口道:“改变这个对你来说很难吗?”

    即使后端了解过前端的人也不会走得特别深入。他们只是知道现在已经不再是以前的写作时代了,并没有了解前端的全貌。

    今天的前端

    自2009年node出现以来,前端的发展发生了爆炸性的飞跃,进入了大前端时代。

    前端工程与自动化

    随着前端开发复杂度的增加,各种优秀的组件框架也遍地开花。同时,我们面临着业务规模的快速发展和工程团队的不断扩大。当前,网络业务变得越来越复杂和多样化。如今,仅仅找一个前端项目,已经不能再像过去那样把一个页面和几个插件拼在一起就可以完成了。当项目复杂时,就会出现很多问题。我们希望在日常开发中制定标准化的前端工作流程,很好地规范统一项目的模块化开发和前端资源,让代码维护和相互协作更加简单便捷。让前端开发自动化成为一种习惯。

    构建前端项目的几个阶段第一阶段:库/框架选择

    基本上,现在没有人从头开始构建网站。三大框架:React/Vue/等框架涌现,解放了大量生产力。毫无疑问,合理的技术选型可以为项目节省大量的工程工作。

    除了主流框架之外,还有很多提高开发效率的UI框架,例如:、antd、UI、ionic等。

    第 2 阶段:构建和管理工具

    选好型号后基本就可以开始打字了,但是光靠解决开发效率是不够的。复杂的项目往往需要大量的项目包/库依赖,需要多人协作,需要在各种环境下进行调试。压缩、验证、管理代码,然后简单的以页面为单位合并资源(ps:以上排序不分先后)。

    npm 和yarn 管理项目依赖关系;

    git对代码进行版本控制;

    Gulp 和 grunt 优化了项目构建流程。

    第三阶段:JS/CSS模块化开发

    分而治之是软件工程中的重要思想,也是复杂系统开发和维护的基石。这同样适用于前端开发。解决了基本的开发效率和运行效率问题后,前端团队开始思考维护效率。模块化是目前前端最流行的分而治之的方法。

    JS模块化方案有很多,比如AMD//UMD/ES6等,相应的框架和工具也有很多,比如:,;

    CSS模块化开发基本上是在less、sass等预处理器的/mixin特性的支持下实现的。

    第四阶段:标准化

    模块化、组件化决定了开发模式,而这些东西的实现都需要规范来实现。标准化实际上是工程中非常重要的一部分。项目初期规范制定的质量将直接影响后期开发的质量:

    目录结构的开发

    编码标准

    前后端接口规范

    前端输入输出数据文件

    文档规范

    组件管理

    Git分支管理

    描述规格

    常规的

    视觉图标规范

   


# 前端语言的历史  # 成都网站建设方案文档  # seo推荐教程  # 福山seo推广平台  # 广西企业网站优化  # 抖音营销推广代运营  # 单位网站建设的内容  # SEO站长联盟头像  # ||直播||营销推广视频  # 聊城网站建设哪家好推荐  # 吉安seo公司选择24火星  # 南宁网站优化代理  # 从 HTML 到 CSS 和 J*aScript 的演变  # 新网站引擎优化  # 信阳ai关键词排名技术  # 马上消费电话营销推广  # 学校用抖音推广营销意义  # 齐鲁电视网站建设海报  # 百捷网站建设公司  # 果洛自治州seo  # 技术营销推广多少钱一年  # 抖音刷粉网站推广网站 



上一篇 : 单页面网站 SEO 优化指南:优势与操作技巧,郑州网站优化收费公司

下一篇 : 新手必知:SEO 网络优化是什么?如何从搜索引擎获取流量?,推广冷门烟草营销方案
电话:400 76543 55
邮箱:915688610@qq.com
品牌营销
客服微信
搜索营销
公众号
©  胜蓝科技 版权所有 赣ICP备2024029889号 品牌搜索推广 网站SEO优化 搜索引擎优化 江西网站优化 江西网站优化 南昌网站优化 江西网站SEO 南昌网站推广 品牌搜索推广 网站SEO优化 搜索引擎优化 江西网站优化 江西网站优化 南昌网站优化 江西网站SEO 南昌网站推广
品牌营销
专业SEO优化
添加左侧专家微信
获取产品详细报价方案