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

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

“泛而后能悟,化而后能得”,在有了迁移能力之后,依托现有之优势去与不同领域方向进行融合。举个例子,当下IT行业算得上还在上升势头的当属AI领域,在如今“人人皆谈大模型”的时代,前端领域也出现了诸多实践及方向,之前几乎淡出各位工程师视野的方向如今也被重新提起,比如:“AIGC+低代码”、“AIGC+IDE”等。个人认为,“所有泛编辑器领域都值得被AI重塑”,这里的“泛编辑器”包括但不限于:低代码/无代码编辑器、文档编辑器、绘图编辑器、代码编辑器等。
综上,在更加严峻的形势面前,我们不能狭隘的仅仅局限于自己的“一亩三分地”,而应该打破并去化自己的认知与标签,前端工程师不应该仅仅沉溺于技术的舒适区,让战术的勤奋掩盖了战略的懒惰。因此,对于不同行业群体,个人认为未来一年前端工程师在2B、2C、2D以及2X领域中可能会有以下突破:
To B
首先,2B业务是指目标用户是企业的业务,其本质是帮助企业提高生产效率,而对于企业常见的业务进行抽象泛化,前端可探索方向包括:
- 多维表格:多维表格是一种数据结构,允许用户在多个维度上组织和分析数据,提供比传统二维表格更灵活和深入的数据展示与分析,业界通用方案包括:
S2、VTable、AirTable、SmartSheet、Sea Table、Vika、SpreadJS等; - BPMN:BPMN是一种用于描述业务流程的图形化标准表示法,它通过一套易于理解的符号来清晰地表示业务流程,业界通用方案包括:
bpmn.js、X6、Logic Flow、Flowchart.js等。
To C
其次,2C业务是指目标用户是终端用户的业务,其也是前端最开始面向的业务方向,故而可进行以下探索:
- 数字孪生:数字孪生是对现实世界中的物理实体进行数字化建模的过程,前端主要涉及2D/3D数据可视化以及呈现等,业界常见方案包括:
Three.js、Thing.js、ECharts、OpenLayer、LeafLet、Mapbox、Cesium等; - 知识库:知识库是知识工程中结构化、易操作、易利用且全面有组织的知识集群,业界标杆产品包括:
语雀、Notion、FlowUs等; - 视频编辑器:视频编辑器是将图片、背景音乐等多媒体素材经过编辑生成视频的工具,常见产品包括:
剪映、Premiere、After Effects、FlexClip等。
To D
再者,2D业务是指目标用户是开发者的业务,2D领域多以开源为主,也是开发者最常见入门并愿意探索的方向,前端常见探索领域包括:
- 可观测平台:可观测平台,也被称为可观测性平台,是一种基于大数据和人工智能技术的IT监控和管理平台,案例参考:
Grafana、App Dynamics、Dynatrace、Sentry、SkyWalking等; - 开发文档:开发文档是记录从需求分析到软件设计、测试、质量保证等各个阶段的信息的材料,常见实现方案包括:
VuePress、VitePress、DUmi、Docsify、Storybook等; - 工具链:工具链是指产研过程中使用的一系列软件、工具和框架的集合,主要用于帮助产研上下游进行更高效的协作,如:
Rspack、Rolldown、Figma、Adobe XD等; - IDE:IDE是集成开发环境,是一种为软件开发人员提供的软件应用程序,前端IDE主要包括:
VS Code、Monaco Editor、WebStorm、Atom等。
To X
最后,对于新兴的产业发展,2X主要是指针对新产生的用户群体,如:超级个体等,前端可能的突破领域包括:
- Micro SaaS:Micro SaaS是指基于订阅的应用程序,它专注于为细分市场或特定用户群体解决特定问题,常见案例包括:
Big Commerce、Storemapper等; - AI+IP:AI+IP是指人工智能与知识产权的结合,常见于内容创作及营销领域,如:
AIPGPT、Midjourney等。
总结
综上,对整个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),内存至少4G。 修改主机名和配置ip地址 hostnamectl set-hostname <hostname> 关闭主机的防火墙 # 关闭防火墙 systemctl stop firewalld #临时关闭防火墙 systemctl disable firewalld …...
如何逐步操作vCenter修改DNS服务器?
在vSphere 7中有一个新功能,它允许管理员更改vCenter Server Appliance的FQDN和IP。因此本文将介绍如何轻松让vCenter修改DNS服务器。 vCenter修改DNS以及修改vCenter IP地址 与在部署 vCenter Server Appliance 后,您可以根据需要修改其 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—>选择其他语言(例如:Chinese&am…...
spring boot 异步线程池的使用
创建Spring Boot项目 首先,你需要创建一个Spring Boot项目。你可以使用Spring Initializr(https://start.spring.io/)来快速生成项目结构。 添加异步支持依赖 在你的pom.xml文件中,确保你已经添加了Spring Boot的starter依赖&…...
风力涡轮机缺陷检测数据集,86.6%准确识别率,11921张图片,支持yolo,PASICAL VOC XML,COCO JSON格式的标注
风力涡轮机缺陷检测数据集,86.6%准确识别率,11921张图片,支持yolo,PASICAL VOC XML,COCO JSON格式的标注 数据集下载 yolov11: 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 梯度下降的类型(优化器) 4. 反向传播4.1 反向传播的基本步骤4.2 反向传播的数学推导 5. 实战5.1 手动求导5.2 自动求导5.3…...
【电机控制】基于STC8H1K28的六步换向——方波驱动(硬件篇)
【电机控制】基于STC8H1K28的六步换向——方波驱动(硬件篇) 文章目录 [TOC](文章目录) 前言一、硬件原理图1. MCU主控电路2. LDO电路3. 驱动电路4. 过零检测电路 二、3D图三、参考资料总结 前言 【电机控制】STC8H无感方波驱动—反电动势过零检测六步换向…...
手搓一个ChatUI需要分几步
只关注项目代码的同学可以直接跳转目录中的正文部分,查看项目仓库和功能介绍。 引言 Chatbot的UI界面设计,是和传统软件不同的:都是当面一个简洁的对话框,框里预备着热乎的工具,可以随时更新。 像我这样做工的牛马&a…...
Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动
一、前言说明 在2011版本的gb28181协议中,拉取视频流只要求udp方式,从2016开始要求新增支持tcp被动和tcp主动两种方式,udp理论上会丢包的,所以实际使用过程可能会出现画面花屏的情况,而tcp肯定不丢包,起码…...
简易版抽奖活动的设计技术方案
1.前言 本技术方案旨在设计一套完整且可靠的抽奖活动逻辑,确保抽奖活动能够公平、公正、公开地进行,同时满足高并发访问、数据安全存储与高效处理等需求,为用户提供流畅的抽奖体验,助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...
UE5 学习系列(三)创建和移动物体
这篇博客是该系列的第三篇,是在之前两篇博客的基础上展开,主要介绍如何在操作界面中创建和拖动物体,这篇博客跟随的视频链接如下: B 站视频:s03-创建和移动物体 如果你不打算开之前的博客并且对UE5 比较熟的话按照以…...
涂鸦T5AI手搓语音、emoji、otto机器人从入门到实战
“🤖手搓TuyaAI语音指令 😍秒变表情包大师,让萌系Otto机器人🔥玩出智能新花样!开整!” 🤖 Otto机器人 → 直接点明主体 手搓TuyaAI语音 → 强调 自主编程/自定义 语音控制(TuyaAI…...
用docker来安装部署freeswitch记录
今天刚才测试一个callcenter的项目,所以尝试安装freeswitch 1、使用轩辕镜像 - 中国开发者首选的专业 Docker 镜像加速服务平台 编辑下面/etc/docker/daemon.json文件为 {"registry-mirrors": ["https://docker.xuanyuan.me"] }同时可以进入轩…...
JVM暂停(Stop-The-World,STW)的原因分类及对应排查方案
JVM暂停(Stop-The-World,STW)的完整原因分类及对应排查方案,结合JVM运行机制和常见故障场景整理而成: 一、GC相关暂停 1. 安全点(Safepoint)阻塞 现象:JVM暂停但无GC日志,日志显示No GCs detected。原因:JVM等待所有线程进入安全点(如…...
Maven 概述、安装、配置、仓库、私服详解
目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
uni-app 中 Web-view 与 Vue 页面的通讯机制详解 一、Web-view 简介 Web-view 是 uni-app 提供的一个重要组件,用于在原生应用中加载 HTML 页面: 支持加载本地 HTML 文件支持加载远程 HTML 页面实现 Web 与原生的双向通讯可用于嵌入第三方网页或 H5 应…...
怎么让Comfyui导出的图像不包含工作流信息,
为了数据安全,让Comfyui导出的图像不包含工作流信息,导出的图像就不会拖到comfyui中加载出来工作流。 ComfyUI的目录下node.py 直接移除 pnginfo(推荐) 在 save_images 方法中,删除或注释掉所有与 metadata …...
Scrapy-Redis分布式爬虫架构的可扩展性与容错性增强:基于微服务与容器化的解决方案
在大数据时代,海量数据的采集与处理成为企业和研究机构获取信息的关键环节。Scrapy-Redis作为一种经典的分布式爬虫架构,在处理大规模数据抓取任务时展现出强大的能力。然而,随着业务规模的不断扩大和数据抓取需求的日益复杂,传统…...

