前端 / frontend-stack
Medium

前端技术栈

前端或不是前端,这是一个问题。

前端框架技术栈

启动浏览器开发者工具,狠狠挖掘一下本网站的前端技术栈吧!

包括但不限于以下几个方面:

  1. 前端框架与脚手架
  2. 样式预处理器
  3. 前端组件库
  4. 与后端的数据交互方式
  5. 打包工具
  6. 网站的部署方式
  7. etc...

这些信息或许都藏在网站打包后的源代码中,也可能在网络请求中。你可以通过查看网站的源代码、网络请求、或者浏览器开发者工具的相关面板来获取这些信息。(有些信息找不到也没关系,因为我也可能找不到)


提示

本题目的难度取决于你对前端技术栈了解的广度。如果你对前端技术栈有着丰富了解,那么这道题对你来说应该是小菜一碟。

倘若你是刚接触前端领域的萌新或小白,跳过这道题目也是可以的。如果你恰好对前端感兴趣,想要打造属于自己的网站或跨平台桌面应用,除了学习基础的 HTML、CSS、JS 前端三件套,还可以了解主流的前端框架,包括 React、Vue、Svelte、Solid.js,其中 React 是世界范围内流行的框架,Vue 是国内比较热门的框架,后两者是新起之秀,有着更新颖的设计与更强的性能。可以在这个网站了解这些前端框架的流行度。

广义上的前端已经不局限于浏览器上的网页应用了,还包括了跨平台的桌面应用(如 Electron、NW.js、Tauri)、移动应用(如 React Native、Flutter)、小程序(如 Taro、uni-app)等。这些技术都是值得学习的。

如今全栈框架也越来越受欢迎,如 Next.js、Modern.js、Nuxt.js 等,它们能够在服务端与浏览器端运行,让你在前端和后端之间无缝切换、变换自如,无需进行繁琐的接口对接工作,提高开发效率,对于个人开发者或小团队非常友好。

出题人:hawa130