ReactJS入门之前端开发的演变
ReactJS入门
前端开发的演变
到目前为止,前端的开发经历了四个阶段,目前处于第四个阶段。这四个阶段分别是:
阶段一:静态页面阶段
在第一个阶段中前端页面都是静态的,所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能,js脚本的作用只是增加一些特殊效果,比如那时很流行用脚本控制页面上飞来飞去的广告。
那时的网站开发,采用的是后端 MVC 模式。
Model(模型层):提供/保存数据
Controller(控制层):数据处理,实现业务逻辑
View(视图层):展示数据,提供用户界面
前端只是后端 MVC 的 V。
阶段二:ajax阶段
2004年,A JAX 技术诞生,改变了前端开发。Gmail 和 Google 地图这样革命性的产品出现,使得开发者发现,前端的作用不仅仅是展示页面,还可以管理数据并与用户互动。
就是从这个阶段开始,前端脚本开始变得复杂,不再仅仅是一些玩具性的功能。
阶段三:前端MVC阶段
2010年,第一个前端 MVC 框架 Backbone.js 诞生。它基本上是把 MVC 模式搬到了前端,但是只有 M (读写数据)和 V(展示数据),没有 C(处理数据)。
有些框架提出了MVVM模式,用 View Model 代替 Controller。Model 拿到数据以后,View Model 将数据处理成视图层(View)需要的格式,在视图层展示出来。
阶段四:SPA阶段
前端可以做到读写数据、切换视图、用户交互,这意味着,网页其实是一个应用程序,而不是信息的纯展示。这种单张网页的应用程序称为 SPA(single-page-application)。
2010年后,前端工程师从开发页面(切模板),逐渐变成了开发“前端应用”(跑在浏览器里面的应用程序)。
目前,最流行的前端框架 Vue、Angular、React 等等,都属于 SPA 开发框架。
ReactJS入门之前端开发的演变相关推荐
- 码匠编程:零基础从前端入门到前端开发工程师路线
一.前端学习路径规划 下面是一个学习线路图,其实还有很多的技术导图中没有涉及到,对于初学者来说,能够掌握上边的知识点已经很不错了. 零基础从前端入门到前端开发工程师路线 二.入坑前的三问 想要入前端的 ...
- 快速入门Web前端开发的正确姿势
入门标准很简单,就一条:达到能参与 Web 前端实际项目的开发水平.请注意,是实际项目,这就需要了解如今的实际项目开发都用了哪些技术栈.HTML/CSS/JavaScript 这三大基础技术栈肯定是需 ...
- 最详细,快速入门Web前端开发的正确姿势
入门标准 入门标准很简单,就一条:达到能参与 Web 前端实际项目的开发水平.请注意,是实际项目,这就需要了解如今的实际项目开发都用了哪些技术栈.HTML/CSS/JavaScript 这三大基础技术 ...
- es6标准入门第3版pdf_最详细,快速入门Web前端开发的正确姿势
入门标准 入门标准很简单,就一条:达到能参与 Web 前端实际项目的开发水平.请注意,是实际项目,这就需要了解如今的实际项目开发都用了哪些技术栈.HTML/CSS/JavaScript 这三大基础技术 ...
- 快速入门Web前端开发
入门标准 入门标准很简单,就一条:达到能参与 Web 前端实际项目的开发水平.请注意,是实际项目,这就需要了解如今的实际项目开发都用了哪些技术栈.HTML/CSS/JavaScript 这三大基础技术 ...
- 入门Web前端开发 <header>
入门Web前端开发 一.了解web前端 HTML.CSS之导学 宇宙第一编辑器VS Code chrome浏览器 深入了解网站开发 web前端三大核心技术 二.关于HTML HTML基本结构和属性 H ...
- 怎样入门web前端开发?
Web前端开发怎么入门? Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,下面就给大家简单介绍一下. ...
- 入门Web前端开发需要学习哪些技术?薪资高吗?
[此文章转自乐字节] 今天来和大家讲讲Web前端开发需要学习什么?前端开发又需要用到哪些开发工具? 前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化.SEO和服务器端的基础知识,而且要学 ...
- (入门)前端开发的简单介绍
前端的开发首先离不开前端基础技术(html.css和js),其次想要有更好的发展应用就要用到前端框架. 那么有以下六个问题需要简答地了解一下. 一.前端.后端各自的工作是什么? 简地是说前端就是设计用 ...
最新文章
- 交换机和路由器的区别_路由器与交换机的区别?
- Angular里遇到的一个依赖注入问题以及解决办法
- Tiff – 值得你体验一下的可视化的字体对比工具
- sql 删除数据_从零开始学SQL:是什么、如何安装、基本语法、表格(创建、删除、更新)、数据(插入、删除、更新)...
- python利用什么来写模块-Python模块的制作方法实例分析
- 一个持续6年的针对多国政府机构的网络间谍活动 — “美人鱼行动”
- messagebox 全部使用_商业篇 | 使用python开发性格分析工具卖钱
- XPath 轴 Axes
- java配置环境及安装
- HDU 6599 I Love Palindrome String (回文树+hash)
- freetds mysql_关于 freetds pymssql 的安装部署
- 前端学习(基础介绍)
- html注册cab包,OCX控件打包成CAB并实现数字签名过程
- 于的繁体字有几种写法_“人”字繁体字有几种写法?
- ECharts中使用tooltip时鼠标移入抖动问题
- linux脚本执行SQL文件创建表,shell脚本执行sql文件chrome安装
- 在本地搭建Discuz!论坛
- 软件推荐——二维码生成工具(绿色版)
- Spring boot 集成 Elastic-job 实现定时任务
- Java中间件-Elasticsearch