首页 > 传媒 > 关键词  > 前端开发最新资讯  > 正文

Web前端开发是否可以简化?AXUI前端框架是个解决方案

2025-03-17 14:59 · 稿源: 站长之家用户

采访媒体:本站编辑,小何被采访人:AXUI工程师,锋哥采访时间: 2025 年 3 月 14 日采访地点:深圳

引言

前端开发是指用户与软件或网页直接交互的界面设计和开发,涉及文字、图片、视频、音频、游戏等多媒体内容的整合与呈现。随着前端项目的复杂化,前端工程师不仅需要掌握HTML、CSS和JavaScript等基础语言,还需熟练使用Webpack、rollup等打包工具,以及VUE、React等技术框架(包括衍生库和工具)和UI框架(如ElementUI、AntUI)。此外,AI编程和全栈工程师的趋势要求前端工程师具备后端开发和数据库使用能力,如掌握Node和Express框架。

现阶段前端开发繁杂又成体系,但其薪资上限不高,团队地位有限;虽然能直接接触用户,最容易获得满足感和成就感,但是也最容易遭受批评。前端开发何去何从,我们今天看看AXUI的锋哥如何说。

访谈正文

编辑小何:锋哥,您好,请简要介绍一下您自己和AXUI的背景。

AXUI锋哥:您好,我是AXUI的主要负责人,负责产品设计和技术开发,并不定时召集小伙伴分享最近的工作成果。在长期的项目管理和产品设计工作中,经常纠结于UI和UX设计的选型,及设计还原解决方案选型。为了应对客户特定需求,UI设计师和前端工程师常常耗费大量时间进行定制开发。为了节约开发成本,提高开发效率,我们孵化了AXUI这个产品。

编辑小何:AXUI是做什么的呢?

AXUI锋哥:AXUI顾名思义是一个前端UI框架,用来快速构建用户交互界面。他基于原生技术标准,没有任何依赖,没有复杂的生态环境,简单易用;与VUE和React没有任何关系,也不需要他们生态中的任何工具,但是因为原生性却可无缝接入VUE和React,对于喜欢钻研原生技术标准的职业开发者而言,AXUI应该是一个趁手的工具。

AXUI可以与其他后台系统搭配使用,用来快速搭建中小型管理系统、博客、企业网站、技术网站和电商网站。

编辑小何:AXUI主要解决了哪些痛点?

AXUI锋哥:AXUI的核心优势在于“快”。它能够快速复刻灵感、创建组件、搭建WEB界面并交付成果。在商业项目单价下降的背景下,需要极限压缩开发成本。AXUI提供完整的API资料和诸多复制可用的示例,减少沟通和使用成本,简化开发流程,帮助个人或团队提高开发效率。

编辑小何:AXUI采取了哪些策略来实现这些目标?

AXUI锋哥:AXUI的策略包括:

1.属性即参数:基于原生Webcomponent技术开发常用组件,通过修改节点的attr属性即可改变组件的功能和状态。

2.组件类型全面:封装高频组件为通用组件,确保覆盖大多数场景,减少二次开发风险。

3.复制即可用:详细罗列参数、API、方法、事件,并提供示例代码,前端工程师可直接复制使用,减少查找和调试API的时间。

编辑小何:AXUI的性能如何?

AXUI锋哥:我们将效率分为启动效率、加载效率和执行效率。

AXUI提供TypeScript+Less和JavaScript+CSS两种版本。在协同项目或者中大型项目中使用TypeScript+Less版本,该版本没有其他依赖库,NPM下载到本地后即可使用;在小型或工具性项目中则使用JavaScript+CSS版本,全局引入JS和CSS文件即可开始工作。

AXUI使用ESM标准的import和export方法,支持treeshaking,按需打包和模块加载,文件体积小,加载速度快。

由于使用原生技术标准,不依赖其他库,不做任何嵌套,按需操作虚拟DOM或真实DOM,没有VUE或React复杂的技术生态,渲染速度快。

编辑小何:AXUI使用了哪些关键技术?

AXUI锋哥:关键技术分为JS和CSS两部分:

1.JS部分:使用Proxy进行数据响应;使用XMLHttpRequest进行异步请求(因为fetch不能监听上传进度没有采纳);使用MutationObserver、IntersectionObserver、ResizeObserver监听节点变化;使用FLIP思想创建动画;使用Webcomponent构建组件,Class类构建模块;使用RequestAnimationFrame执行异步宏任务;使用Async+Await执行异步微任务;使用发布订阅模式监听事件;使用纯函数和纯模块思想支持TreeShaking。不一而足。

2.CSS部分:使用Less作为构建工具;使用rem和em作为主要尺寸单位;使用grid和flex作为布局方式;使用:has()、:not()、:is()和:where()等新选择器。不一而足。

编辑小何:您如何看待VUE和React的技术生态复杂性?

AXUI锋哥:从前端蛮荒时期,到Jquery,在到目前的VUE和React生态,是源自项目对前端技术要求而不断发展起来的。以前工具缺乏,前端开发束手束脚,但是简单而快乐;现在前端各种框架和工具横行,解决方式多样,前端工程师却疲惫不堪。

前端技术生态的复杂性源于工具链的庞杂。VUE和React虽然基于JavaScript,但其衍生的库和工具进一步封装了API,导致开发环境复杂。前端工程师在安装Vscode基础上,还需要安装一系列插件和库,不然很难开展工作。

AXUI的目标是简化开发流程,减少对工具的依赖,提供简单易用的组件,让开发者专注于核心业务逻辑,实现尽快产出和交付的目的。

我认为理想的、自由的编程环境不是Vscode+一堆插件+一堆库,而是一个text记事本。现在AI编程时代来了,这个记事本里写的东西不再是代码,而是提示词。

编辑小何:听您这么一说,倒是非常期待AXUI了,AXUI已经发布了吗?

AXUI锋哥:AXUI已经开发到了第三个大版本了,早期的1、 2 版本算实验性质的,v3 已经抛弃了所有依赖,完全基于原生技术标准,而且执行MIT政策,开源了所有JavaScript、HTML和CSS文件。用户可到Github、Gitee和NPM上获取比较新资源,AXUI团队成员会定义查阅ISSUE并做积极回复。

编辑小何:AXUI适合哪些人群?

AXUI锋哥:AXUI适合四类人群:

1.新手小白:AXUI简单易用,适合UI设计师和对前端技术感兴趣的人。

2.小企业主:AXUI效率高,适合快速完成项目的小型团队。

3.职业后台程序员:AXUI示例丰富,构建WEB页面快,适合后端开发人员。

4.职业前端工程师:AXUI基于原生技术标准,容易集成,可作为VUE和React的重要补充。

编辑小何:现在很多人说前端已死,您如何看待前端技术的未来?

AXUI锋哥:因为前端技术变革很快,作为前端工程师需要不断复习技术栈并学习新的技术栈,疲于奔命,但是结果都是在 35 岁关口被裁员。所以很多人说艺多不压身是个伪命题,被裁员的那一刻,曾经学习过多少技术都是一文不值的东西,那既然新旧技术都会一文不值,那有什么好学的呢?还不如转Java或Python。鉴于此,你会听到诸如“前端转后台”,“前端转送外卖”,“前端已死”等言论。

尽管有人认为前端已死,但前端作为用户交互的核心,其形态会随时代变迁而变化。

现在的JavaScript技术已经很强大了,而且每年都会推出新的标准提案,每次提案落地都会被欢呼。结合HTML和CSS可实现canvas、svg矢量绘图、数据可视化、2d/3d游戏、Webgl、音视频处理、协同编辑、WebAssembly等复杂功能,而且每一个都是攀登困难的高峰。

前端不会消亡,只是形态会不断演进;前端死不了,死的只是个人心态。

编辑小何:感谢锋哥的分享,今天的访谈到此结束。

AXUI锋哥:谢谢。

访谈总结

当前的前端开发不是只有JavaScript、TypeScript,也不是只有VUE和React,可简单可复杂;如果需要构建庞大的前端项目,使用框架打底应该是个很好的做法;如果构建中小型的前端项目,可考虑采用原生技术标准,因为没有多层框架嵌套,执行效率更高,可完成复杂多变的项目。AXUI是走在简化前端开发链路上的一个重要尝试,未来可期。

前端技术更新很快,对于前端工程师而言,或许专注前端技术标准,以不变应万变是个很好的选择。

推广

特别声明:以上内容(如有图片或视频亦包括在内)均为站长传媒平台用户上传并发布,本平台仅提供信息存储服务,对本页面内容所引致的错误、不确或遗漏,概不负任何法律责任,相关信息仅供参考。站长之家将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。任何单位或个人认为本页面内容可能涉嫌侵犯其知识产权或存在不实内容时,可及时向站长之家提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明(点击查看反馈联系地址)。本网站在收到上述法律文件后,将会依法依规核实信息,沟通删除相关内容或断开相关链接。

  • 相关推荐
  • CTP路外停车解决方案

    随着私家车的普及率不断攀升,现代出行方式已深深融入千家万户的日常生活。这一趋势推动了城市停车场建设的爆发式增长,从社区地库到商业综合体,从医院园区到交通枢纽,停车场的形态日益多元化。而在这场变革中,智能道闸系统作为停车场的“智能门卫”,正以其自动化管理和科技感知能力,逐渐成为现代停车场景中不可或缺的标配设备。然而,传统的路外停车场�

  • 如新持续升级产品力,为消费者提供科学健康解决方案

    在"健康中国"战略的推动下,如新集团持续加大科技创新投入,以产品力定义行业新标准。 2024 年推出的ageLOC新智清体仪iO(WellSpa iO)和TRME体型管理计划等创新产品,展现了企业在科技研发方面的领先实力。如新ageLOC新智清体仪iO融合了自适应微电流技术与物联网科技,开创了个性化护肤新体验;TRME体型管理计划则整合代谢科技与营养科学,为消费者提供科学健康解决方案。这些�

  • 数云AI解决方案剧透,消费者数智化营销有了新解法

    数云X AI=?构建全渠道消费者数字化运营“智能”引擎。当Deepseek大模型掀起新一轮AI讨论热潮,行业对AI应用的关注被推向了新高度。这次的不同在于,大家对AI的讨论不再只是停留在技术解构层面,而是具体到实际业务场景讲起了落地应用。Gartner预测,到 2026 年30%的企业将依赖AI智能体实现自动化决策闭环,能否将行业知识深度融入企业级AI应用中,将成为企业构建差异化竞�

  • 伟世通×火山引擎:发布基于豆包大模型的智能座舱解决方案

    2025年上海车展期间,火山引擎与伟世通联合发布基于AI大模型的下一代智能座舱解决方案。该方案融合豆包大模型AI能力和伟世通高性能域控平台,通过端云协同架构和多模态交互技术,实现离线功能闭环运行和快速响应。方案接入火山丰富的内容生态,支持个性化推荐和"千人千面"自适应设计,同时具备多模态交互能力,实现更自然的人机交互。双方还将共同探索AI大模型在智能座舱场景的优化适配,助力车企打造差异化智能座舱体验。

  • 中付支付:中付易科经营解决方案,生鲜连锁店成长新打法

    在数字化浪潮席卷零售行业的当下,生鲜连锁店面临着海量数据处理、复杂技术应用以及瞬息万变的市场需求等诸多挑战。对于众多生鲜连锁店而言,自行搭建数字化架构既不现实也不高效。而中付支付联合其集团子公司品牌中付易科,凭借深厚的技术底蕴与强大实力,精心打造了一系列以SaaS产品家族为核心的数字化转型解决方案,为生鲜连锁店提供了全新的成长路径。中付�

  • 通过技术赋能与生态构建 一品威客提供高效的创意解决方案

    在数字经济高速发展的今天,中小企业普遍面临资源分散、成本高企、人才匹配困难等挑战。一品威客作为国内知名的数智化创意设计交易服务平台,通过技术赋能与生态构建,为中小企业提供了从创意需求发布到服务交付的全链路、数字化的创意解决方案。跨地域“技术输血”,破解本地资源困局江西景德镇的吴总在 2025 年 3 月计划开发商城小程序和网站时,面临本地技术�

  • 山石网科发布全新Open XDR解决方案:开启安全运营新范式

    山石网科发布全新Open XDR解决方案,以"开放融合、AI赋能、智慧运维"为核心理念,突破传统安全架构局限。该方案通过南北向开放架构实现全领域数据采集与异构设备联动,打破数据孤岛;集成云端/本地AI大模型,降低安全运维门槛,实现日志精准解读和威胁深度分析;创新"案件调查"功能构建完整攻击链路,结合可视化剧本编排实现闭环安全运维。方案支持多源数据接入和无代码插件扩展,构建灵活可扩展的安全生态,助力企业从被动防御转向主动研判,为数字化转型提供智能化安全运营保障。

  • GPT-4o骗了所有人,逐行画图只是前端特效?!底层架构细节成迷,奥特曼呼吁大家别玩了

    GPT-4o玩家太疯狂,奥特曼紧急呼吁别再生成图片了:OpenAI团队为此一直在熬夜。为什么需要熬夜呢,自原生图像生成推出以来,必须一直有人守着才能保持服务器在线。OpenAI乃至整个AI行业,在处理版权问题,避免法律风险上还有很长的路要走。

  • 宁德时代发布骁遥双核电池,推出颠覆式动力电池解决方案

    而在安全改善上,宁德时代通过对电解液重筑高热稳定新型有机溶剂体系,大幅提升电解液耐高温性能,使电芯热稳定性提升80%,显著拓宽电芯热安全的边界。

  • 高新投三江:白酒行业消防解决方案护航千年酒香

    中国白酒产业面临四大安全隐患:酒精流溢引发立体燃烧、粉尘爆炸风险、高温高压设备老化、复杂场景联动困难。高新投三江针对性地推出解决方案:1)在易爆区域部署复合型火焰探测器,实现早期预警;2)动力车间采用可燃气体双监测系统;3)通过专利通信技术实现全厂区智能联动。典型案例包括四川古蔺酱酒项目(投资128亿)、山东梁父山酿酒基地等。方案价值体现在:误报率低于0.1%、毫秒级应急响应、设备通过盐雾/电磁干扰等极端测试。通过物联网技术构建全域感知网络,推动传统酿造向"智造安全"升级,为千年酿酒工艺筑牢安全屏障。(140字)