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

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是走在简化前端开发链路上的一个重要尝试,未来可期。

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

推广

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

  • 相关推荐
  • 碳企通CBAM解决方案:三步破解碳关税困局

    本文介绍了应对欧盟碳关税(CBAM)的三步解决方案:1)智能诊断:通过自主研发的计算引擎精准预测2024-2026年碳关税支出,误差率<5%,并定位生产环节碳排热点;2)快速认证:建立欧盟合规认证快速通道,认证周期缩短至7个工作日,通过区块链确保数据不可篡改;3)持续优化:动态监测32国碳政策变化,建立碳成本分摊模型。案例显示某钢铁企业通过该方案降低碳强度19%,年节省碳关税82万欧元。方案优势包括欧盟双认证资质、全流程闭环服务和可控成本(申报费用比自建团队低65%)。

  • 用户如何获取MCP服务?AIbase资源仓库全方位解决方案指南

    AI技术快速发展背景下,Model Context Protocol(MCP)作为新兴通信协议,正在改变AI与外部工具交互方式。AIbase平台敏锐洞察MCP潜力,打造专业资源仓库(https://mcp.aibase.cn/),提供海量服务器、客户端工具、插件等资源,配备智能搜索、详尽文档和活跃社区。该平台凭借技术沉淀,持续更新前沿内容,支持开发者学习交流和实践创新。MCP协议将推动AI技术更广泛应用,AIbase作为重要推手,通过丰富资源和专业支持,助力构建繁荣的MCP技术生态。

  • Mediatom快应用聚合变现解决方案即将上线,敬请期待!

    Mediatom将全面支持快应用变现服务,为开发者提供高效灵活的解决方案。该平台通过动态分层优化和全竞价体系,帮助开发者对接多平台广告资源,最大化流量价值,预计可提升变现收益30%以上。其四大核心功能包括:一键接入主流广告平台、智能匹配最优广告形式、全样式素材支持及实时数据追踪。平台已服务5000+开发者,覆盖2万+款App,累计为开发者创收数十亿元。作为数字广告技术标杆,Mediatom凭借十年技术沉淀和安全可靠的聚合SDK平台,持续优化开发者变现效率。

  • 太极华青以全矩阵解决方案护航电子凭证会计数据标准推广应用

    财政部等九部门联合发文推广电子凭证会计数据标准,推动电子凭证全流程无纸化处理。太极华青作为会计软件服务商,推出覆盖电子凭证全生命周期的解决方案,包括"凭证通"电子凭证服务平台、"轻松报"智能报销平台等,助力单位实现业务财务一体化管理。试点期间436家单位累计处理电子凭证超2亿张,验证了标准的科学性和有效性。方案融合AI、RPA等技术,实现智能采集、验签、解析等功能,并与预算管理一体化系统无缝对接,提升财务管理效率。通过事前防控、事中纠偏、事后溯源的全流程监管机制,有效防范财务风险,推动会计工作数字化转型。

  • 微软将 Wins11 的“智能应用控制”夸大宣传为“顶级杀毒解决方案”

    尽管微软将 SAC 宣传为一项突破性创新,其实它的核心理念与 PC 用户 20 年前在 Windows XP 时代采用的一些安全措施十分相似……

  • BOE(京东方)携钙钛矿、新能源产品及解决方案亮相2025 SNEC 科技创新赋能行业绿色发展

    2025年6月11-13日,第十八届国际太阳能光伏与智慧能源大会暨展览会(SNEC)将在上海举行。京东方(BOE)以"清洁能源打造零碳生活"为主题首次参展,展示20余款钙钛矿光伏产品及综合能源解决方案,涵盖零碳交通、建筑、园区等领域。重点展品包括:全球首款车用钙钛矿调光天幕,实现动态变色;建筑光伏一体化产品,兼具发电与美学功能;手机背板光伏电池,充电功率达2W�

  • 腾讯云天御发布海外交易风控解决方案,AI+情报双擎护航企业全球化安全

    中国企业在全球化浪潮下加速出海布局,截至2024年底,中国对外直接投资存量近3万亿美元,位列全球第三。但跨境交易面临复杂安全威胁,包括数据泄露、账户盗用等风险。2023年全球电商欺诈损失达480亿美元,其中跨境支付欺诈占比显著。腾讯云天御推出智能风控方案,通过AI动态风控和全球情报中枢双引擎,实现支付欺诈拦截率99.5%,合规适配效率提升70%。方案构建三层防护体系:智能人机验证识别真人用户、设备指纹技术穿透虚拟环境、分层分级实时拦截恶意行为。依托腾讯威胁情报云,方案能同步全球黑产特征库,并持续投入AI大模型研发提升风控能力。目前该方案已帮助某电商将欺诈率从0.9%降至0.25%,支付成功率从85%提升至89%,平衡了安全与业务增长需求。

  • 大促简化,是电商进入新阶段的标志

    大促正在转向。正在进行的天猫618,释放出两个和之前不一样的点: 1. 玩法简单。天猫618的主玩法从满减变立减,第一波平台立减85折,可叠加品类券、88VIP大额券、直播红包使用;第二波在第一波基础上,88VIP用户可再叠加新的无门槛9折券,相当于全程不需要凑单。 2. 品牌对大促的诉求更加多样化。更多品牌在此期间推出了新品,也更在意借大促实现会员运营和品牌力的沉淀�

  • GitHub排名居首!雷池Web防火墙为何火遍中外

    雷池是GitHub上最热门的开源WAF项目之一,在同类项目中star数稳居首位。其成功源于:1)完全开源且维护活跃,打破国产开源项目"发布即弃坑"的刻板印象;2)功能强大,支持SQL注入、XSS等攻击检测,误报率低,防护效果媲美商业WAF;3)国际化程度高,海外用户占比超1/3;4)部署简单,提供可视化配置界面,新手也能快速上手;5)背靠长亭科技安全团队的技术支持。目前社区版装机量超35万台,成为开发者首选的Web应用防火墙解决方案。

  • 贝锐蒲公英巡检机器人组网方案:解决移动入网与数据远程传输难题

    智能巡检机器人在能源、电力、化工等行业应用广泛,通过物联网和AI技术实现自动化、智能化发展。其搭载激光雷达、相机等设备,可24小时执行设备监测、故障预警等任务,显著提升运维效率并保障人员安全。但面临三大难题:1)复杂环境下无线网络覆盖不足;2)高清视频传输对带宽要求高;3)敏感数据需满足安全合规要求。贝锐蒲公英基于SD-WAN技术推出工业级路由器R300系列解决方案,支持4G/5G多网智能切换,内置全球智能链路和抗丢包算法,确保数据实时稳定传输。方案采用国密算法和零信任架构,满足三级等保要求,实现数据全链路加密。该方案为智能巡检提供了一站式远程连接解决方案,推动行业向数字化、无人化迈进。