当前位置: 首页 > news >正文

从2024看2025前端发展趋势

前言

又至年关,回顾整个2024年,前端行业仍旧百废待兴,IT业界同样也未见有所起色,AI风潮也从狂热兴奋逐步走向了冷静稳定阶段,造成此形势感观并非单一行业或者某一企业之特例,实为政经等综合影响之结果。因此,私以为明年的大趋势和调性应该不会有特别大的变化,虽然外界走向有所放缓,但整个情势压力还是不小的。故而,就前端行业而言,个人认为我们能做到的大概有以下几个方面。

泛化

正如前序所言,相较于前几年的上升走势来说,时下各位前端工程师应该不能再局限于个人一城一池之得失,而应该更多的“走出去”,去探索自己不同的边界,从产品、运营、商业等多个角度去审视自己的行业与职业走向,基于已有之优势去泛化出“可迁移、易组合”的特性能力,从而拓展出自己的多样性与复合性,形成自己的特色与特点,突出自己的不可替代性以及唯一性,能够做到“人无我有、人有我优”的综合实力呈现!

融合

“泛而后能悟,化而后能得”,在有了迁移能力之后,依托现有之优势去与不同领域方向进行融合。举个例子,当下IT行业算得上还在上升势头的当属AI领域,在如今“人人皆谈大模型”的时代,前端领域也出现了诸多实践及方向,之前几乎淡出各位工程师视野的方向如今也被重新提起,比如:“AIGC+低代码”、“AIGC+IDE”等。个人认为,“所有泛编辑器领域都值得被AI重塑”,这里的“泛编辑器”包括但不限于:低代码/无代码编辑器、文档编辑器、绘图编辑器、代码编辑器等。

综上,在更加严峻的形势面前,我们不能狭隘的仅仅局限于自己的“一亩三分地”,而应该打破并去化自己的认知与标签,前端工程师不应该仅仅沉溺于技术的舒适区,让战术的勤奋掩盖了战略的懒惰。因此,对于不同行业群体,个人认为未来一年前端工程师在2B、2C、2D以及2X领域中可能会有以下突破:

To B

首先,2B业务是指目标用户是企业的业务,其本质是帮助企业提高生产效率,而对于企业常见的业务进行抽象泛化,前端可探索方向包括:

  1. 多维表格:多维表格是一种数据结构,允许用户在多个维度上组织和分析数据,提供比传统二维表格更灵活和深入的数据展示与分析,业界通用方案包括:S2VTableAirTableSmartSheetSea TableVikaSpreadJS等;
  2. BPMN:BPMN是一种用于描述业务流程的图形化标准表示法,它通过一套易于理解的符号来清晰地表示业务流程,业界通用方案包括:bpmn.jsX6Logic FlowFlowchart.js等。

To C

其次,2C业务是指目标用户是终端用户的业务,其也是前端最开始面向的业务方向,故而可进行以下探索:

  1. 数字孪生:数字孪生是对现实世界中的物理实体进行数字化建模的过程,前端主要涉及2D/3D数据可视化以及呈现等,业界常见方案包括:Three.jsThing.jsEChartsOpenLayerLeafLetMapboxCesium等;
  2. 知识库:知识库是知识工程中结构化、易操作、易利用且全面有组织的知识集群,业界标杆产品包括:语雀NotionFlowUs等;
  3. 视频编辑器:视频编辑器是将图片、背景音乐等多媒体素材经过编辑生成视频的工具,常见产品包括:剪映PremiereAfter EffectsFlexClip等。

To D

再者,2D业务是指目标用户是开发者的业务,2D领域多以开源为主,也是开发者最常见入门并愿意探索的方向,前端常见探索领域包括:

  1. 可观测平台:可观测平台,也被称为可观测性平台,是一种基于大数据和人工智能技术的IT监控和管理平台,案例参考:GrafanaApp DynamicsDynatraceSentrySkyWalking等;
  2. 开发文档:开发文档是记录从需求分析到软件设计、测试、质量保证等各个阶段的信息的材料,常见实现方案包括:VuePressVitePressDUmiDocsifyStorybook等;
  3. 工具链:工具链是指产研过程中使用的一系列软件、工具和框架的集合,主要用于帮助产研上下游进行更高效的协作,如:RspackRolldownFigmaAdobe XD等;
  4. IDE:IDE是集成开发环境,是一种为软件开发人员提供的软件应用程序,前端IDE主要包括:VS CodeMonaco EditorWebStormAtom等。

To X

最后,对于新兴的产业发展,2X主要是指针对新产生的用户群体,如:超级个体等,前端可能的突破领域包括:

  1. Micro SaaS:Micro SaaS是指基于订阅的应用程序,它专注于为细分市场或特定用户群体解决特定问题,常见案例包括:Big CommerceStoremapper等;
  2. AI+IP:AI+IP是指人工智能与知识产权的结合,常见于内容创作及营销领域,如:AIPGPTMidjourney等。

总结

综上,对整个2024年的前端发展可做如下总结:

泛起开悟,化而生辉

融会贯通,合出云能

企划优效,表流多集

终端有方,数智成行

开者多元,观文器工

新兴业态,无外荣光

内修恒通,力砍八荒

前端尤在,大可作为

再见2024,你好2025,祝大家在新的一年里能够泛化无限、融合创新,共勉!

相关文章:

从2024看2025前端发展趋势

前言 又至年关,回顾整个2024年,前端行业仍旧百废待兴,IT业界同样也未见有所起色,AI风潮也从狂热兴奋逐步走向了冷静稳定阶段,造成此形势感观并非单一行业或者某一企业之特例,实为政经等综合影响之结果。因…...

网络渗透测试实验三:SQL注入

1.实验目的和要求 实验目的:了解SQL注入的基本原理;掌握PHP脚本访问MySQL数据库的基本方法;掌握程序设计中避免出现SQL注入漏洞的基本方法;掌握网站配置。 系统环境:Kali Linux 2、Windows Server 网络环境:交换网络结构 实验工具: SqlMAP;DVWA 2.实验步骤 实验目…...

ElasticSearch7.8快速入门

文章目录 1.基本概念1.数据格式2.倒排索引 2.HTTP使用1.创建索引(相当于创建数据库)2.索引-查询 & 删除1.查询索引2.查询所有索引3.删除索引 3.创建文档1.创建文档(不指定id)2.创建文档(指定id) 4.文档…...

【YashanDB知识库】hive初始化崖山报错YAS-04209

本文内容来自YashanDB官网,原文内容请见 https://www.yashandb.com/newsinfo/7849008.html?templateId1718516 【问题分类】功能使用 【关键字】hadoop,hive,YAS-02058 【问题描述】hive初始化崖山报错: 0: jdbc:yasdb://192…...

2024年度总结:保持正念 延迟满足

总结: 时光荏苒,很快就到了年底,2024年也就悄悄的过去了,回顾这一年,有很多的感触,在此做一个总结,留下自己的脚印 CTF: 要总结的第一件事那当然是CTF,回顾这一年&#…...

VScode SSH 错误:Got bad result from install script 解決

之前vscode好好的,某天突然连接报错如下 尝试1. 服务器没有断开,ssh可以正常连接 2. 用管理员权限运行vscode,无效 3. 删除服务器上的~/.vscode-server 文件夹,无效 试过很多后,原来很可能是前一天anaconda卸载导致注册表项 步…...

Logo设计免费生成器工具:轻松创建独特标志

在当今的商业世界中,一个独特且引人注目的Logo是任何企业或品牌的身份象征。它不仅代表了公司的形象,还传达了公司的价值观和使命。然而,对于许多初创企业或小型企业来说,聘请专业设计师来设计一个Logo可能是一笔不小的开销。这时…...

[算法] [leetcode-349] 两个数组的交集

349 两个数组的交集 给定两个数组 nums1 和 nums2 ,返回 它们的 交集 。输出结果中的每个元素一定是 唯一 的。我们可以 不考虑输出结果的顺序 。 示例 1: 输入:nums1 [1,2,2,1], nums2 [2,2] 输出:[2] 示例 2: …...

Type c系列接口驱动电路·内置供电驱动电路使用USB2.0驱动电路!!!

目录 前言 Type c常见封装类型 Type c引脚功能详解 Type c常见驱动电路详解 Type c数据手册 ​​​​​​​ ​​​​​​​ 编写不易,仅供学习,请勿搬运,感谢理解 常见元器件驱动电路文章专栏连接 LM7805系列降压芯片驱动电路…...

第7章 程序流程控制 - 条件分支

汇编语言是一种低级编程语言,它与特定计算机架构的机器码有着直接对应关系。条件分支是程序流程控制的一部分,允许根据某些条件来决定执行哪一段代码。在汇编中,这通常通过比较指令和跳转指令来实现。 以下是一些经典的汇编语言源代码示例&a…...

Edge如何获得纯净的启动界面

启动Edge会出现快速链接,推广链接,网站导航,显示小组件,显示信息提要,背景 ●复杂页面 ●精简页面 点击页面设置按钮 关闭快速链接 关闭网站导航 关闭小组件 关闭信息提要 关闭背景 关闭天气提示 精简页面看起来十分舒…...

gitlab的搭建及使用

1、环境准备 服务器准备 CentOS Linux release 7.9.2009 (Core)&#xff0c;内存至少4G。 修改主机名和配置ip地址 hostnamectl set-hostname <hostname> 关闭主机的防火墙 # 关闭防火墙 systemctl stop firewalld #临时关闭防火墙 systemctl disable firewalld …...

如何逐步操作vCenter修改DNS服务器?

在vSphere 7中有一个新功能&#xff0c;它允许管理员更改vCenter Server Appliance的FQDN和IP。因此本文将介绍如何轻松让vCenter修改DNS服务器。 vCenter修改DNS以及修改vCenter IP地址 与在部署 vCenter Server Appliance 后&#xff0c;您可以根据需要修改其 DNS 设置和 IP…...

XIAO ESP32 S3网络摄像头——2视频获取

本文主要是使用XIAO Esp32 S3制作网络摄像头的第2步,获取摄像头图像。 1、效果如下: 2、所需硬件 3、代码实现 3.1硬件代码: #include "WiFi.h" #include "WiFiClient.h" #include "esp_camera.h" #include "camera_pins.h"// 设…...

使用JMeter对Linux生产服务器进行压力测试

安装 JMeter wget https://downloads.apache.org/jmeter/binaries/apache-jmeter-5.4.1.tgz tar -xzf apache-jmeter-5.4.1.tgz cd apache-jmeter-5.4.1创建 JMeter 脚本 设置中文 选择Options—>Choose Language—>选择其他语言&#xff08;例如&#xff1a;Chinese&am…...

spring boot 异步线程池的使用

创建Spring Boot项目 首先&#xff0c;你需要创建一个Spring Boot项目。你可以使用Spring Initializr&#xff08;https://start.spring.io/&#xff09;来快速生成项目结构。 添加异步支持依赖 在你的pom.xml文件中&#xff0c;确保你已经添加了Spring Boot的starter依赖&…...

风力涡轮机缺陷检测数据集,86.6%准确识别率,11921张图片,支持yolo,PASICAL VOC XML,COCO JSON格式的标注

风力涡轮机缺陷检测数据集&#xff0c;86.6&#xff05;准确识别率&#xff0c;11921张图片&#xff0c;支持yolo&#xff0c;PASICAL VOC XML&#xff0c;COCO JSON格式的标注 数据集下载 yolov11&#xff1a; https://download.csdn.net/download/pbymw8iwm/90206849 yolov…...

深入浅出梯度下降与反向传播

文章目录 1. 前言2. 基本概念2.1 一元函数的导数2.2 偏导数2.3 方向导数2.4 梯度2.5 均方误差 3. 梯度下降3.1 梯度下降的公式3.2 梯度下降的类型&#xff08;优化器&#xff09; 4. 反向传播4.1 反向传播的基本步骤4.2 反向传播的数学推导 5. 实战5.1 手动求导5.2 自动求导5.3…...

【电机控制】基于STC8H1K28的六步换向——方波驱动(硬件篇)

【电机控制】基于STC8H1K28的六步换向——方波驱动&#xff08;硬件篇&#xff09; 文章目录 [TOC](文章目录) 前言一、硬件原理图1. MCU主控电路2. LDO电路3. 驱动电路4. 过零检测电路 二、3D图三、参考资料总结 前言 【电机控制】STC8H无感方波驱动—反电动势过零检测六步换向…...

手搓一个ChatUI需要分几步

只关注项目代码的同学可以直接跳转目录中的正文部分&#xff0c;查看项目仓库和功能介绍。 引言 Chatbot的UI界面设计&#xff0c;是和传统软件不同的&#xff1a;都是当面一个简洁的对话框&#xff0c;框里预备着热乎的工具&#xff0c;可以随时更新。 像我这样做工的牛马&a…...

conda相比python好处

Conda 作为 Python 的环境和包管理工具&#xff0c;相比原生 Python 生态&#xff08;如 pip 虚拟环境&#xff09;有许多独特优势&#xff0c;尤其在多项目管理、依赖处理和跨平台兼容性等方面表现更优。以下是 Conda 的核心好处&#xff1a; 一、一站式环境管理&#xff1a…...

微信小程序之bind和catch

这两个呢&#xff0c;都是绑定事件用的&#xff0c;具体使用有些小区别。 官方文档&#xff1a; 事件冒泡处理不同 bind&#xff1a;绑定的事件会向上冒泡&#xff0c;即触发当前组件的事件后&#xff0c;还会继续触发父组件的相同事件。例如&#xff0c;有一个子视图绑定了b…...

线程与协程

1. 线程与协程 1.1. “函数调用级别”的切换、上下文切换 1. 函数调用级别的切换 “函数调用级别的切换”是指&#xff1a;像函数调用/返回一样轻量地完成任务切换。 举例说明&#xff1a; 当你在程序中写一个函数调用&#xff1a; funcA() 然后 funcA 执行完后返回&…...

HTML 列表、表格、表单

1 列表标签 作用&#xff1a;布局内容排列整齐的区域 列表分类&#xff1a;无序列表、有序列表、定义列表。 例如&#xff1a; 1.1 无序列表 标签&#xff1a;ul 嵌套 li&#xff0c;ul是无序列表&#xff0c;li是列表条目。 注意事项&#xff1a; ul 标签里面只能包裹 li…...

Nginx server_name 配置说明

Nginx 是一个高性能的反向代理和负载均衡服务器&#xff0c;其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机&#xff08;Virtual Host&#xff09;。 1. 简介 Nginx 使用 server_name 指令来确定…...

C++ 基础特性深度解析

目录 引言 一、命名空间&#xff08;namespace&#xff09; C 中的命名空间​ 与 C 语言的对比​ 二、缺省参数​ C 中的缺省参数​ 与 C 语言的对比​ 三、引用&#xff08;reference&#xff09;​ C 中的引用​ 与 C 语言的对比​ 四、inline&#xff08;内联函数…...

OpenLayers 分屏对比(地图联动)

注&#xff1a;当前使用的是 ol 5.3.0 版本&#xff0c;天地图使用的key请到天地图官网申请&#xff0c;并替换为自己的key 地图分屏对比在WebGIS开发中是很常见的功能&#xff0c;和卷帘图层不一样的是&#xff0c;分屏对比是在各个地图中添加相同或者不同的图层进行对比查看。…...

什么是Ansible Jinja2

理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具&#xff0c;可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板&#xff0c;允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板&#xff0c;并通…...

C#中的CLR属性、依赖属性与附加属性

CLR属性的主要特征 封装性&#xff1a; 隐藏字段的实现细节 提供对字段的受控访问 访问控制&#xff1a; 可单独设置get/set访问器的可见性 可创建只读或只写属性 计算属性&#xff1a; 可以在getter中执行计算逻辑 不需要直接对应一个字段 验证逻辑&#xff1a; 可以…...

无人机侦测与反制技术的进展与应用

国家电网无人机侦测与反制技术的进展与应用 引言 随着无人机&#xff08;无人驾驶飞行器&#xff0c;UAV&#xff09;技术的快速发展&#xff0c;其在商业、娱乐和军事领域的广泛应用带来了新的安全挑战。特别是对于关键基础设施如电力系统&#xff0c;无人机的“黑飞”&…...