首页 >> 大全

前端的发展离不开浏览器的发展

2023-09-07 大全 25 作者:考证青年

Hello World!

Ajax

Ajax技术诞生,改变了一切。前端不再是后端的模板,可以独立得到各种数据。

Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

举个例子:用户注册

如果仔细观察一个表单的提交,你就会发现,一旦用户点击“提交”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面。

这就是Web的运作原理:一次HTTP请求对应一个页面。

如果要让用户留在当前页面中,同时发出新的HTTP请求,就可以使用Ajax发送这个新请求,接收到数据后,再用更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。

2004年:最早大规模使用AJAX的就是Gmail,Gmail的页面在首次加载后,剩下的所有数据都依赖于AJAX来更新。

Web 2.0

Ajax技术促成了 Web 2.0 的诞生。

Web 1.0:静态网页,纯内容展示

Web 2.0:动态网页,富交互,前端数据处理

至此,前端早期的发展史就介绍完了,当时对于前端的要求并不高,只要掌握html css js和一个就足够开发网页了

新时代的前端

到目前为止 HTML已经发展到HTML5

CSS已经发展到CSS3.0

已经发展到ES9,但是常用的还是ES5和ES6

现代标准浏览器(遵循W3C标准的浏览器)基本已经支持HTML5 CSS3 ES6的大部分特性

浏览器市场份额(2018.9)

由于IE的不思上进,导致市场份额越来越少,现在几乎是现代标准浏览器的天下。

所以前端开发一个网页几乎不需要考虑IE兼容性

得益于前端技术和浏览器的发展,现在的网页能展示越来越丰富的内容了,比如动画 游戏 画图等等

所以,对于前端的要求也越来越高,特别是近几年框架、技术、工具呈爆发式发展,前端变化特别快!

MVVM

MVVM最早由微软提出来,它借鉴了桌面应用程序的MVC思想,在前端页面中,把Model用纯对象表示,View负责显示,两者做到了最大限度的分离 把Model和View关联起来的就是。

负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model

View 和 Model 之间的同步工作完全是自动的,无需人为干涉

因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理

一个MVVM框架和操作DOM相比有什么区别? 我们先看用实现的修改两个DOM节点的例子:

Hello, Bart!

You are 12.

Hello, Bart!

You are 12.

用修改name和age节点的内容:

var name = 'Homer';

var age = 51;

$('#name').text(name);

$('#age').text(age);

如果我们使用MVVM框架来实现同样的功能,我们首先并不关心DOM的结构,而是关心数据如何存储。最简单的数据存储方式是使用对象:

var = {

name: 'Bart',

age: 12

我们把变量看作Model,把HTML某些DOM节点看作View,并假定它们之间被关联起来了。

要把显示的name从Bart改为Homer,把显示的age从12改为51,我们并不操作DOM,而是直接修改对象:

.name = 'Homer';

.age = 51;

微信小程序前端查看器_web前端开发是干嘛的_

执行上面的代码,我们惊讶地发现,改变对象的状态,会导致DOM结构作出对应的变化!这让我们的关注点从如何操作DOM变成了如何更新对象的状态,而操作对象比DOM简单多了!

这就是MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态,从而把开发者从操作DOM的繁琐步骤中解脱出来!

三大MVVM框架 Vue

Vue框架诞生于2014年,其作者为中国人——尤雨溪,也是新人最容易入手的框架之一,不同于React和,其中文文档也便于大家阅读和学习。

React

React起源于的内部项目,因为该公司对市场上所有 MVC框架,都不满意,就决定自己写一套,用来架设的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。

是谷歌开发的 Web 框架,具有优越的性能和绝佳的跨平台性。通常结合开发,也可以使用或Dart,提供了无缝升级的过渡方案。于2016年9月正式发布。

目前国内使用人数最多、最火的框架是Vue

如今对于每一个前端工程师来说,已经成为了一项基础技能,它基本上包办了本地开发、编译压缩、性能优化的所有工作。

它的诞生意味着一整套工程化体系开始普及,并且让前端开发彻底告别了以前刀耕火种的时代。现在之于前端开发,正如同gcc/g++之于C/C++,是一个无论如何都绕不开的工具。

(TS)

是 开发和维护的一种面向对象的编程语言。它是的超集,包含了的所有元素,可以载入代码运行,并扩展了的语法。 具有以下特点:

在开发大型项目时使用TS更有优势

Node.js是一个运行环境( ),发布于2009年5月,由Ryan Dahl开发,实质是对 V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。严格的来说,Node.js其实是一个后端语言。

特点:

现在的前端能做什么? 前端的未来

现在基于Web的前端技术,将演变为未来所有软件的通用的GUI解决方案。 所以前端有可能会变成一名端工程师。

......

一名合格的前端需要掌握哪些技能 技能会过时 计算机基础知识不会过时

建议学习编译原理和算法这两门课程

算法的好处相信大家都懂 在这里简单说一下

懂算法的人善于计算时空复杂度,相当于在你做事情前,懂得怎么去衡量效率和开销

编译原理:将源语言转化为目标语言,也就是将一门语言转化为另一门语言

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了