动态语言 ruby 前端的“前世今生”(3)

前端可以做到：

读写数据

切换视图

用户交互

这意味着，网页其实是一个应用程序。

SPA = Single-page application

2010年后，前端工程师从开发页面，变成了开发”前端应用“（跑在浏览器里面的应用程序）。

传统的架构

单页应用的架构

多了一个前端 MVC 层

Google 公司推出的 Angular 是最流行的 MVVM 前端框架。

它的风格属于 HTML 语言的增强，核心概念是双向绑定。

<div ng-app="">
  <p>
    姓名 :
    <input type="text" ng-model="name" placeholder="在这里输入您的大名">
  </p>
  <h1>你好，{{name}}</h1></div>

Vue.js 是现在很热门的一种前端 MVVM 框架。

它的基本思想与 Angular 类似，但是用法更简单，而且引入了响应式编程的概念。

HTML 代码

<div id="journal">
  <input type="text" v-model="message">
  <div>{{message}}</div>
</div>

JS 代码

var journal = new Vue({
  el: ‘#journal‘,
  data: {
    message: ‘Your first entry‘
  }
});

Ajax -> 前端应用兴起

智能手机 -> 多终端支持

这两个原因，导致前端开发方式发生根本的变化。

前端不再是后端 MVC 中的 V，而是单独的一层。

前后端分离以后，它们之间通过接口通信。

后端暴露出接口，前端消费后端提供的数据。

后端接口一般是 REST 形式，前后端的通信协议一般是 HTTP。

2009年，Node 项目诞生，它是服务器上的 JavaScript 运行环境。

Node = JavaScript + 操作系统 API

JavaScript 成为服务器脚本语言，与 Python 和 Ruby 一样

JavaScript 成为唯一的浏览器和服务器都支持的语言

前端工程师可以编写后端程序了

Node 环境下开发

大量使用服务器端工具

引入持续集成等软件工程的标准流程

开发完成后，编译成浏览器可以运行的脚本，放上 CDN

前端工程师正在转变为全栈工程师

一个人负责开发前端和后端

从到 UI 的所有开发

怎样才能称为全栈工程师？

传统前端技能：HTML、JavaScript、CSS

一门后端语言

移动端开发：iOS / Android / HTML5

其他技能：、HTTP 等等

历史演变：前后端不分 -> 前后端分离 -> 全栈工程师

动力：更加产业化、地生产软件

效率更高

成本更低

通用性好、能够快速产出的技术最终会赢，单个程序员的生产力要求越来越高。

为什么 H5 技术会赢得移动端？

开发速度快：Native 需要重新编译才能看到结果，H5 是即时输出

开发成本低：Native 需要两个开发团队，H5 只要一个

快速发布：安卓 Native 新版本需要24小时，iOS 需要 3 ～ 4 天，H5 可以随时更新

联网

高并发

分布式

跨终端

现在基于 Web 的前端技术，将演变为未来所有软件的通用的 GUI 解决方案。

端工程师

手机端

PC 端

TV 端

VR 端

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-69348-3.html