站长之家用户 - 传媒 2025-03-17 14:59

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

采访媒体:本站编辑,小何被采访人: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是走在简化前端开发链路上的一个重要尝试,未来可期。

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

相关话题

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

推荐关键词

24小时热搜

查看更多内容

大家正在看