前端勿学清单

前端技术发展很快,有些技术如常青树,有些则已日渐式微。刚入门前端学习新技术的时候,需要避免在这些陈旧技术上浪费时间。

jQuery

jQuery 是一个极富争议的 JavaScript 框架。它在 Web 刚刚兴起的时期,针对 JavaScript 接口相对羸弱的缺点,提供了很多便利的工具,比如选择器,DOM 操作,动画效果,事件绑定,异步请求。但是随着 JavaScript 标准的演进,原生 JavaScript 接口已经能够替代 jQuery 的这些功能。同时 jQuery 早期设计的问题,导致它在今天的 Web 前端生态中格格不入。

参考:

  1. You might not need jQuery
  2. 你也许不需要 jQuery

Bootstrap

Bootstrap 可能仍然是最流行 UI 框架,但是如今已经有更多更好的选择。一直到 Bootstrap 4,它都是依赖于 jQuery,这是它被认为过时最主要的原因之一。虽然 Bootstrap 5 将取消 jQuery 依赖,同时第三方的 react-bootstrap 也已经可以在 Bootstrap 4 中替代 jQuery,但是 Bootstrap 仍然积重难返。新时代的前端和设计业者都在极力推广设计系统 (Design System)。设计系统是设计思想,约定规范与实践经验的整合,而不止是提供一个 CSS 模板和一些便利的组件。我们看到很多采用 Bootstrap 的项目质量堪忧,因为开发者只是使用 Bootstrap 提供的材料,而没有从 Bootstrap 获得指导方法。Bootstrap 在某种程度上限制了团队去构建设计系统。

大型项目通常都会设计和维护自己的设计系统,这是一个非常重要的学习过程。如果人力有限,也有一些开源的设计系统可以使用:

  1. Material Design By Google
    1. Angular Material 官方实现
    2. Material-UI (React) 第三方实现
    3. Vue Material 第三方实现
  2. Ant Design By Ant Group
    1. Ant Design React 官方实现
    2. Ant Design Vue 官方实现

Angular

Angular 1.x 曾经是划时代的设计,它奠定了单页面应用的基础。如今的 Angular 11,纵然有 TypeScript 和先进的设计加持,却显得过于复杂臃肿。与 React 和 Vue 相比,Angular 最大的问题在于 Google 项目运营的失败。对于开发者社区需求响应缓慢,加上很多不接地气的操作,导致 Angular 逐渐在行业中消失。

目前 React 毫无疑问是最流行的前端框架。其次是 Vue,开发社区很活跃。其余的框架,像 Angular 和 Amber,都可能学而无用。

IE 和 Edge 浏览器

在多年以前,熟悉 IE 和 Edge 浏览器兼容是一项重要的开发技能。但是现如今这两种浏览器已经几乎消失了。

如今主要桌面浏览器只有三种:Chrome 及其衍生,Firefox,Safari。其中 Safari 特有的问题和限制更多。在移动端,Safari 也是问题最多的,其次是三星 Internet 浏览器(在国内用户较少,不需要特别关注)。

VS Code 之外的编辑器

VS Code 已经成为事实上的前端编辑器标准,从大公司到小团队都在用。它对 TypeScript,React 以及 ESLint 的支持都是业界领先的。虽然像 Atom 和 WebStorm 这样的编辑器也具备同样的能力,但是很少有团队使用。使用 VS Code 可以让你更快地融入新项目新团队,在遇到问题时也能更快找到解决方法。

Git 之外的版本控制系统

SVN 和 Mercurial 之类的版本控制系统在行业已经十分罕见。Git 是你唯一需要掌握的版本控制系统。虽然有一些 GUI 客户端,还是建议熟练掌握基本的 Git 命令。

Grunt 和 Gulp

这两种曾经是非常流行的构建工具,但是已经逐渐被 Webpack 和 Rollup 等更先进的工具取代。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据