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

前端你必须知道的事---入门级必读

时间:2023-04-04 23:26:25 HTML5

》作为入门级前端新手,你必须了解前端的发展历史。因为这可以让你明白更好的前端,了解整个前端的行业现状。”早期原始社会的前端可以说是原始社会。很久以前~~1990年TimBerners-Lee基于超文本语言HTML在NeXT电脑上发明了最原始的网络浏览器。1994年11月之后,Mosaic浏览器的开发者创建了NetscapeCommunicationsCorp.并发布了MosaicNetscape1.0beta浏览器,后来更名为Navigator。但它只能被少数幸运者使用,因为此时,它只是为了方便的科学家查看文件和传阅论文。所以你可以把1994年看作是前端的起点。NCSAMosaic浏览器1-1NCSAMosaic浏览器1-2此时的网页还是很笨拙的!如果你的页面有新内容要刷新显示,它会重新加载一个新的网页。而且这个过程很长。如果你提交数据请求,你可能要白屏等待很长时间,最后返回给你一个数据请求错误。。.这时候如果要建一个电商网站,酸酸的经历可想而知~这时候的互联网,它的开发人员统称为程序员。因为前后端开发一体化,前端代码是后台代码的一部分:后台接收浏览器的请求===>发送静态页面===>发送给浏览器。(这和我们现在前后端分离的开发方式是完全不同的)此时的网页主要是HTML,是一个纯静态的网页。网页是“只读的”,信息流只能通过服务器到客户端的单向流通,世界进入了Web1.0时代。石器时代1995年,Netscape工程师BrendanEich花了10天时间设计了JavaScript语言。起初这种脚本语言被称为LiveScript,后来为了借助Java语言创造良好的营销效果而改名为JavaScript。Netscape将这种脚本语言嵌入到Navigator2.0中,使其能够在浏览器中运行。1996年,Microsoft发布了VBScript和JScript。JScript是JavaScript的逆向工程实现,内置于InternetExplorer3中。但是JavaScript和JScript在实现上存在差异,这使得程序员开发的网页不能同时兼容Navigator和InternetExplorer浏览器。InternetExplorer开始抢夺Netscape的市场份额,从而引发了第一次浏览器大战(有兴趣的同学可以找度娘~)。JavaScript诞生后,可以用来改变前端DOM的样式,(ps:DOM[DocumentObjectModel],我们说过,前端最早出现,被科学家用于为了方便查阅文档,所以到现在为止,我们也把前端页面改成了文档[document],DOM为我们提供了一种操作文档的方式)来实现一些类似显示和隐藏页面内容的小功能.当时的JavaScript仅限于此,大部分前端界面还很简单,显示的是纯静态的文字和图片。这种静态页面无法读取后台数据库中的数据。为了使Web更加动态化,以PHP、JSP、ASP.NET为代表的动态页面技术相继诞生。PHP将数据直接嵌入到HTML中。ASPXforASP,在HTML中嵌入C#代码。Java的JSP将数据直接嵌入到网页中。铁器时代1995年Netscape推出Java,形成了前端的雏形:HTML为骨架,CSS为外观,Java为交互。在这里,小编建了一个前端学习交流按钮群:132667127,自己整理的最新前端资料和进阶开发教程。有需要的可以加群一起学习交流。:异步Java和XML)结果出来了。这时候前端就不再是后台模板了。而是可以独立获取各种数据,各种页面也用ajax(还在用)。从而推动Web从1.0到2.0。从静态网页、纯内容展示到动态网页、多交互、前后端逐渐分离。HTML5新纪元在迎来HTML5新纪元之前,前端经历了浏览器世界的第二次世界大战,其激烈程度不亚于第四次忍界大战。IE在第一次浏览器大战中击败Netscape取得胜利,垄断了浏览器市场。但是,IE并没有遵循W3C标准,IE已经成为了事实上的标准。Mozilla社区是在1998年Netscape被收购之前创建的。Firefox于2004年11月首次发布,并在9个月内取得了超过6000万次下载的巨大成功。IE的霸主地位首次受到挑战。Firefox被认为是Netscape的精神续作。之后火狐浏览器一路追赶,逐渐蚕食IE的市场份额,引发了第二次浏览器大战。2008年底,Firefox的市场份额达到25%以上,而IE的市场份额跌至65%以下。在第二次浏览器大战中,随着以Firefox和Opera为首的W3C阵营对IE的对抗愈演愈烈,浏览器碎片化问题越来越严重,不同的浏览器执行不同的标准。是一场噩梦。2008年1月22日,HTML5第一个正式草案发布。同年12月,谷歌发布Chrome浏览器,加入第二次浏览器世界大战,开发出高效的javascriptV8引擎。但!HTML5成为话题之王,确实是因为已故的乔布斯爷爷发表了一篇文章《对Flash的思考》,指出随着HTML5的发展,将不再需要AdobeFlash来观看视频或其他内容。这引发了开发人员之间的争论,主要是关于浏览器与新HTML5功能的兼容性。在第二次浏览器世界大战中,Chrome攻城掠地,抢走了IE的市场份额。2016年,Chrome占据了浏览器市场的半壁江山。2008年以来,浏览器不断支持的HTML5新特性让开发者相当兴奋:WebWorker可以让JavaScript实现多线程WebSocket可以实现前后端双工通信,即时通讯起飞WebGL可以让你搞3D网页游戏用于绘画的Canvas元素用于媒体播放的视频和音频元素更好地支持本地离线存储新的特殊内容元素,例如文章、页脚、页眉、导航、部分新的表单控件,例如日历、日期、时间、电子邮件、url、搜索当然,随着时间的推移,前端不再是懵懂的少年了。我们有node.js,可以实现后台代码的编写,统一前后端语言,还有node.js催生的衍生框架,可以使用JavaScript开发跨平台的桌面应用。我们拥有webpack、guip等构建工具,高效实现前端工程。我们拥有vue/react/angule等mvc和mvvm框架,可以让您高效的实现复杂的大型项目。我们有ES6,我们有webApp,我们有……我们有无数的框架,插件,技术栈,不多说了。(怕你看完这篇还没上手就放弃了)总之,前端是近几年最火的技术。有称霸天下之势!