前端语言概述 | 青训营

83 阅读2分钟

前端需要什么语言技术栈

“基础三件客”

HTML

控制页面的结构,你的页面展示成几个模块由他控制产生。

HTML + HTML5

  • 语义化标签
  • 表单
  • 存储 cookies Local Storage Session Storage Web Storage IndexedDB
  • 二进制 Blob对象 File对象 Buffer
  • Web component
  • SVG & Canvas
  • WebGL & WebGPU
  • WebAssembly HTML5 API
  • 用户位置【经纬度信息】
  • Web Worker
  • Web Socket

CSS

控制页面的样式,例如:文字颜色、文字大小、背景颜色、模块的位置以及一些样式上的交互

JS

控制页面的真正交互,例如:鼠标点击的时候做一些什么事情、鼠标经过展示(隐藏)一些东西、亦或是手指双击、手指滑动等人为交互,甚至是可以改变页面的样式,整个页面可以通过交互改变成任意你“设定”的样子。

未来方向

  • 效率工具(Rust)
  • JS 2 Anything
  • 服务端容器化
  • 低(无)代码站点
  • 大前端统一
  • 三维可视化

进阶语言

AJAX

最基础的异步网络请求、可以发送和获取数据。

通常 可以使用 **Fetch****Axios** 库进行获取和发送数据,它们经过包装更为完善。它们 使用ES6 的新特性 **Promise** 对象进行实现,当然你也可以用 **Async** **await** 的方式进行异步代码编写

ES6

ES6 属于 js 的 新特性,你应当学会并熟练地运用。

Node.js

这属于服务端的内容, 你应当有所涉猎,以更好地理解前后端分离开发模式下的前后端是怎么具体通信传递数据的。

TypeScript

TS 属于 JS 的扩展语言,通过类型注解提供编译时的静态类型检查,在开发时,会有更好的类型检查,能减少找Bug、改Bug时间,提升开发效率。 提升了代码的可维护性,使得重构代码更加容易。 TS 已经是必须要掌握的语言技术栈了。

Vue

现代流行的开发框架,好处不必过多言说,主流开发框架之一

React

现代流行的开发框架,好处不必过多言说,主流开发框架之一,前期学习与 Vue二选一即可,到后面都需要掌握基本使用。

Webpack

优秀的打包工具,你可以了解到基本的配置参数,在项目优化时会用到。 当然 Vite 是下一代前端打包工具,效率更高,需要简单了解使用方法。

其他方向

  • 微信小程序
  • 安卓、ios
  • PC 桌面端应用