2024年Web前端最新【热门话题】前端框架发展史(1)，2024年最新腾讯Web前端面经

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

🌈个人主页: 鑫宝Code
🔥热门专栏: 闲话杂谈｜ 炫酷HTML | JavaScript基础
​💫个人格言: “如无必要，勿增实体”

---

文章目录

• 前端开发的历史演变
• • 引言
    • 第一章：起源与基础建设 - HTML与CSS时代
    • • 1.1 HTML初现
        • 1.2 CSS的引入与进化
    • 第二章：JavaScript与交互性革命
    • • 2.1 JavaScript的诞生与普及
        • 2.2 AJAX与Web 2.0
    • 第三章：现代前端框架与组件化时代
    • • 3.1 MVC/MVVM架构引入前端
        • 3.2 工程化与构建工具的崛起
    • 第四章：未来趋势与展望
    • • 4.1 WebAssembly与高性能计算
        • 4.2 PWA与无处不在的应用体验
        • 4.3 面向未来的前端技术栈
    • 结语：

前端开发的历史演变

引言

前端开发自互联网诞生以来，伴随着浏览器技术和网络标准的演进，经历了从静态页面到动态交互应用的深刻变革。本文旨在梳理前端开发的关键节点和发展历程，展现其在用户体验、技术革新和工程实践等方面的显著进步。

第一章：起源与基础建设 - HTML与CSS时代

1.1 HTML初现

• 诞生背景：随着WWW项目的提出，HTML作为超文本标记语言于1990年代初被蒂姆·伯纳斯-李发明，用于创建和展示网页内容。
• 主要特征：初期HTML功能有限，主要用于文档布局和简单链接，网页设计相对简单且静态。

1.2 CSS的引入与进化

• 样式分离：CSS（层叠样式表）在1990年代中期引入，实现了内容与样式的分离，提高了网页设计的灵活性和可维护性。
• CSS1/CSS2/CSS3标准：随着时间推移，CSS标准逐步完善，增强了对网页布局、动画效果等方面的支持。

第二章：JavaScript与交互性革命

2.1 JavaScript的诞生与普及

• Netscape Navigator时代的JavaScript：JavaScript由布兰登·艾奇在1995年发明，最早名为LiveScript，用于实现客户端的脚本编程，赋予网页基本的交互能力。
• ECMAScript标准化：随着JavaScript广泛应用，它被标准化为ECMAScript，保证了跨浏览器的兼容性。

2.2 AJAX与Web 2.0

• 异步通信：AJAX（Asynchronous JavaScript and XML）技术使得网页能够异步获取数据并局部刷新，催生了更加动态和响应式的Web应用体验。
• RIA（Rich Internet Applications）兴起：随着jQuery等库的流行，开发者能更轻松地构建复杂的富客户端应用，推动了Web 2.0的概念和技术革新。

第三章：现代前端框架与组件化时代

3.1 MVC/MVVM架构引入前端

计算机网络

• HTTP 缓存

• 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

• HTTP 常用的请求方式，区别和用途？

• HTTPS 是什么？具体流程

• 三次握手和四次挥手

• 你对 TCP 滑动窗口有了解嘛？

• WebSocket与Ajax的区别

• 了解 WebSocket 嘛？

• HTTP 如何实现长连接？在什么时候会超时？

• TCP 如何保证有效传输及拥塞控制原理。

• TCP 协议怎么保证可靠的，UDP 为什么不可靠？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法

• 链表

• 字符串

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法

  

• 数组问题

• 二叉树

• 排序算法

• 二分查找

• 动态规划

• BFS

• 栈

• DFS

• 回溯算法