关于前端开发：起源、架构、变迁

变迁

注: 仅老师个人观点

只读时代（1989-2004）HTML/CSS/JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
体验时代（2005-2010）Ajax/Web API/jQuery
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页应用（SPA）
- jQuery
- YUI
敏捷时代（2010-2021）Fetch/Node.js/Webpack
- 模块化
- 组件化
- 转译
- 打包（bundling）
- React.js
- Vue.js

前端应用的领域

To Business（2B）
To Customer（2C）
To Developer（2D）

浏览器

Desktop
- Chrome
- Edge
- Firefox
- Opera
- Safari
Mobile
- Android
- Safari

服务器

node.js
- Express.js
- Koa

终端和跨端

命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Fluter

关于前端开发：语言、框架、工具

语言

HTML
CSS
JavaScript
WebAssembly
- 以下语言可编译为 WebAssembly
- C++
- C
- Rust
- …

框架

node.js
- author: Dyan Dahl
koa
- author: TJ Holowaychuk
react
- author: Jordan Walke
vue
- author: 尤雨溪
TS
- author: Anders Hejlsberg
git
- author: Linus Torvalds
babel
- author: Sebastian McKenzie
Webpack
- author: Tobias Koppers
esbuild
- author: Evan Wallace

工具

熟悉浏览器
熟悉HTTP

注: 前端学习路线

关于前端开发：起源、架构、变迁相关推荐

前端开发 30 年变迁史
[程序人生编者按]1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔" ...
前端开发代码架构相关想法
1:封装.封装.封装封装事件绑定封装组件调用 Utils方法的封装校验的封装网络请求的封装(必须封装,一个入口) 总之:能封装的尽量封装,因为前端js调用本身就很随意,通过封装去规范所有人的代 ...
FIS.js前端开发的使用说明文档
文档结构什么是FIS部署FISFIS基本使用模块定义加载方式调用Tangram 2.0一.什么是FIS FIS提供了一套贯穿开发流程的开发体系和集成开发环境,为产品线提供前端开发底层架构,这能帮助工程 ...
了解WEB前端开发吗，风风雨雨30年，前端开发变迁史
按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...
前端开发的 20 年变迁史～
点击上方"IT平头哥联盟",选择"置顶或者星标" 作者:司徒正美 1990 年,第一个Web浏览器的诞生:1991 年,WWW诞生,这标志着前端技术的开始. 在 ...
你们有了解过前端开发吗？风风雨雨30年，前端开发变迁史
按1990年,第一个Web浏览器诞生,而WWW的诞生直接拉开前端史的序幕. 从静态页面到JavaScript,从依赖后端到自主开发,前端开发者从不被重视的"页面仔"逆袭为如今很多前 ...
移动端开发者眼中的前端开发流程变迁与前后端分离
写在最开始这是一篇面向移动端开发者的科普性文章,从前端开发的最初流程开始,结合示范代码,讨论开发流程的演变过程,希望能覆盖一部分前端开发技术栈,从而对前端开发的相关概念形成初步的认识. 本文会提供一 ...
乾坤微前端_拥抱云时代的前端开发架构——微前端
微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员.团队的增加,从一个普通应用演变成一个巨石应用(Frontend Monolith),随之而来的应用不可维护的问题.这类问题在企业级 ...
vue 一个页面多个router-view如何配置子路由_浅谈vue前端开发架构
通常我们开发出来的网页大都是通过.html文件,渲染与浏览器,也就是UI呈现给用户的. 一个UI page,一般会涉及到资源文件,样式排版,UI交互: 多个UI page,就涉及到UI交互响应: 那么 ...

关于前端开发：起源、架构、变迁

关于前端开发：起源、架构、变迁

目录

变迁

前端应用的领域

浏览器

服务器

终端和跨端

关于前端开发：语言、框架、工具

语言

框架

工具

关于前端开发：起源、架构、变迁相关推荐

最新文章

热门文章