巢湖市网站建设推广,旅游景点介绍网页制作,网站的成本,营销策略论文近几年#xff0c;前端技术真可谓是飞速发展#xff0c;不断有新的技术涌现#xff0c;爆火的前端框架 Astro#xff0c;前端运行时 Bun#xff0c;构建工具 Vite 等都给前端提供了强大动力。当然#xff0c;也有很多前端技术随着技术的发展不再需要使用#xff0c;有了…近几年前端技术真可谓是飞速发展不断有新的技术涌现爆火的前端框架 Astro前端运行时 Bun构建工具 Vite 等都给前端提供了强大动力。当然也有很多前端技术随着技术的发展不再需要使用有了更好的替代方案。本文就来盘点一下那些不再流行的前端技术以及对应的现代化替代方案。 本文提到的技术不代表不能再使用了其仍存在一些适用场景并且很多遗留老项目可能是使用这些技术实现的需要进行维护。只是在新项目技术选型时应尽可能考虑使用更为现代化的前端技术。 jQuery
jQuery 仍然是一个很流行的 JavaScript 库其生态系统中有超百万个插件。但这是一个技术上的历史遗留问题并不是真的很流行只是很多老网站仍然使用。根据 BuiltWith 的数据排名前 100 万的网站中有 78% 仍以某种方式使用 jQuery很大一部分原因是 WordPress 使用了 jQuery而很多网站都是使用 WordPress 创建的。
虽然 jQuery 依然被广泛使用但它已经不再是前端开发中的必须技术。现代前端框架已经内置了许多 jQuery 的功能并且具有更好的性能和更少的代码。
如果要开发新的前端应用可以选择当下流行的前端框架如 Vue、React、Nuxt.js、Next.js 等。
React 类组件
最开始React 中的组件都是类组件需要结合生命周期来编写写起来很麻烦。直到 v16.8 版本引入了 Hooks得以让我们更方便的使用函数组件函数组件的代码也更加清晰易懂。 因此理解类组件是如何工作的以及生命周期方法仍然是很好的。但如果正在编写新的 React 组件建议使用带有 React Hook 的函数组件。
Bootstrap
Bootstrap 是一个流行的 CSS 框架它提供了预定义的CSS样式、网格系统、JavaScript插件以及许多可重用的组件如导航栏、按钮、表单等。在七八年前很多网站都使用 Bootstrap 来编写当时他们声称自己是“世界上最先进的响应式前端框架”。但是现在来看Bootstrap 的样式并不是很美观还存在包体积大难以自定义实现落后开发体验不好等问题。
如今有很多更优秀的替代方案可以选择比如
UI 组件库Ant Design、Element UI、Arco DesignCSS-in-JSStyl-Components、Emotion功能类优先框架Tailwind CSS、UnoCSS。
Python Django
Django 是 Python 语言的一种 Web 开发框架曾被广泛用于创建动态网站但由于现代前端技术如 React、Angular 和 Vue 的兴起Django 已经不再是前端开发中的必须技术。Django 相对于现代前端框架来说生态系统不完善开发难度更大并且不符合现代开发的前后端分离的理念。可以选用现在更为流行的前端框架比如 React、Vue等。
AngularJS
AngularJS 由 Google 于 2010 年发布当时最著名的 JavaScript 库是 jQuery。AngularJS也称为 Angular 1不仅仅是一个库它是一个将 MVVM 概念带入前端开发世界的完整框架。
2016 年我们今天所熟知的 Angular 发布了。注意不要把 AngularJS 和 Angular 混淆了。AngularJS 从版本 2 开始就被 Angular 取代了目前已经不再被 Google 官方支持和维护。 Angular 是一个用 TypeScript 编写的现代化前端框架是对 AngularJS 的改进和升级。它采用了组件化编程范式、模块化体系结构并提供了更好的性能、可扩展性和可测试性。Angular 又被称为 Angular 2 或 Angular Next。
对于新的项目可以选择使用 Angular 来开发但是更推荐使用更受欢迎的 Vue 和 React 来开发因为在国内这两个框架使用的更多生态更加完善社区比较活跃这也意味着遇到问题时更容易解决。
Ajax
Ajax 在前端开发中曾经被广泛使用但现在已经成为基本技术不再是独立的技术。Ajax 只有在前端面试中可能会被问到很少会在实际的项目中需要编写 Ajax。Ajax 的功能简单使用起来有很多局限性推荐使用功能更全面的第三方数据请求库来处理数据请求比如 Axios它们的功能更加全面使用起来也更方便或者更现代化的前端请求 APIfetch。
Grunt、Gulp
Grunt 和 Gulp 都是前端自动化构建工具它们可以帮助开发者自动化地执行文件编译、压缩、合并等任务
Grunt 是一个基于配置的前端自动化工具开发者需要通过编写详细的配置文件Gruntfile.js来描述任务的执行过程。Grunt 的生态系统中有大量的插件覆盖了几乎所有前端开发中可能用到的任务这让开发者可以快速找到适合自己的插件并加以利用。Gulp 是基于流式处理的前端自动化构建工具它的核心理念是使用流来处理文件。在任务执行过程中文件以流的形式在任务之间传递这种方式使得 Gulp 的构建过程更加高效并且能够减少磁盘的读写操作。
虽然这两个工具都很强大目前还有一些使用场景。但是随着前端的快速发展出现了很多更为现代化工具比如 Webpack、Vite 等这些工具使用更简单效率更高推荐使用这些现代化的构建工具。
雪碧图
CSS雪碧图是一种将多个小图标或图片合并成一张大图的技术。通过将多个图标或图片合并成一张大图然后使用CSS的背景定位来控制显示不同部分的图像从而减少了页面加载的请求次数提高网页性能。
但是随着前端技术的快速发展出现了更多实用的技术比如 SVG、iconfont这些技术提供了更多灵活性和便利性很多情况下可以取代雪碧图。HTTP 2 的出现使得一次可以请求多个文件雪碧图存在的意义就不大了。并且由于雪碧图使用复杂不易维护一张图崩了整个网页的图标就都崩了图标位置确定后就不好再修改等问题不再需要雪碧图这种形式。
IE兼容技术
2022 年 6 月 16 日IE 浏览器正式退役之后将由 Edge 浏览器接棒继续提供服务。许多网站和程序要求兼容 IEIE6 对 W3C 标准支持不够友好这可能是很多前端开发的噩梦了IE6 的普及导致之后的 20 年间不断有开发者因为适配需要适配 IE6 而焦头烂额。
如今IE 浏览器由现代浏览器 Edge 继续提供服务Edge 紧跟最近的技术快速更新和维护。开发者也不再需要学习那些令人头疼的兼容 IE 的技术了喜大普奔
