之前用 logseq 写的小分享，简述了 Web 前端开发的历史和技术演变，大家可以参考一下，你熟悉的技术是什么时候诞生的呢？
- 1993 HTML
- 1995.06.08 PHP
- 风靡全球的最好的语言
- 容易入门
- 好用的模板 PHP: Hypertext Preprocessor
- WAMP
- 相似技术：1996 ASP 1999 JSP
- 因为各种原因式微
- 前后端分离
- JavaScript 逐渐完善
- 其他后端语言抢夺开发者
- 1995 Java applet
- 背靠 Sun Microsystems
- 据说当时主流浏览器都支持运行 Java applet
- 1995.12.04 JavaScript
- 背靠网景浏览器
- 传说：一周写的玩具
- 名字是蹭 Java 热度，本身也就是 Java applet 竞品
- 1996.12.17 CSS
- 1999.03 Ajax
- 由 IE5.0 引入的革命性技术
- 2000s Adobe Flash
- 2006.08.26 jQuery
- 刀耕火种时代最好的伙伴
- 抹平浏览器差异的好工具
- 2007.09.05 Microsoft Silverlight
- Flash 的竞品
- 语言是 .Net
- 提一嘴只是因为高中的时候还安装过，但甚至连安装原因都忘了
- 2008.01.22 HTML5
- 拥有实现网络应用的各种能力
- canvas 标签
- 视频标签
- 拖拽接口
- 本地储存、数据库接口
- ……
- 拥有实现网络应用的各种能力
- Flash 退出浏览器舞台
- 2011 退出移动端
- 2017 宣布 2020 结束支持
- 2008.09.02 Chrome
- 发布至今占有率一直走高甚至逼得 Edge 换内核的浏览器之王
- 当年下载 Chrome 似乎还不用翻墙，也是挺早就用上了
- 出现浏览器兼容问题
- 2009.05.27 Node.js
- 可以用 JavaScript 写后端服务了
- 为 JavaScript 模块化提供了完美的平台
- 亲爸都说有缺陷，后来写了 deno
- 2011.06.09 Browserify
- 大概是打包工具的先驱
- 曾经很烦这东西，因为当时 Node.js 都不好安装
- 2011.08.19 Bootstrap
- 面向产品官网等传递信息的网页而非网络应用
- 确实是一个时代的 UI 风格代表
- JavaScript modularization
- https://github.com/huxpro/js-module-7day
- 直接手写模块
- 打包工具生成
- 新时代：SPA
- 前后端分离
- HTML5/CSS3/ES5
- Ajax
- 浏览器能力
- 前端程序打包
- 2010.10.20 AngularJS
- 背靠谷歌
- 版本号跳得比翻书还快
- 2012.10.01 TypeScript
- 大概是流传到现在唯一还有人用的 JavaScript 方言
- 2013.05.29 React
- 背靠 Facebook
- 特色 jsx
- 2014.02 Vue.js
- Angular 的模仿者，但在热门程度早已超越 Angular
- 渐进式框架，不强制使用模块化
- 中文文档，超易上手
- 2014.02.19 Webpack
- 打包工具的霸主（期间限定）
- 重度配置劝退
- 2015.03.26 React Native
- 前辈 PhoneGap(2009)，也就是 Cordova
- 使用 Vue 的竞品 Weex（跟死了没什么区别）
- 跟 Web 不沾边的竞品 Flutter
- CSR & SSR
- CSR 的 SEO 能力被嫌弃
- 网页展现速度比 CSR 快一点
- 回到前后端耦合少一层 api 联调
- 2016.10.25 Next.js
- 2016.10.26 Nuxt.js
- 2017.01.09 微信小程序
- SSG
- Gatsby.js
- Astro
- 大概是小程序之后不久 uni-app
- 2019.02.16 React 16.8
- 引入 hook
- ESM
- 2020.04.20 Vite
- 2020.09.18 Vue3
- 吸收类似 hook 的 composition api
- 其他前端新框架
- 不确定的未来
- web3
- wasm
- webGL
- webGPU