多种前端技术分析
Tech
2025-11-15 1067字

其实图形库从原理上有几种做法:

  1. 游戏这种:没有任何控件库的概念,所有画面都是手绘的,控件无非就是 “素材 + 坐标 + 事件回调” 的组合,没有任何秘密,这样手绘做界面的方法,最硬核也最难。很多人说,前端生态这么牛逼的情况下,为啥要自虐?我能说的是,任何一个游戏开发者出来都可以吊打前端,因为他懂了图形学最基本的方法,任何画面、控件、动画和高级列表对于他来说,不过是数学公式。而很多前端的水平其实非常水,不说自绘了,如果脱离现成控件库,他都没法用 CSS 从头撸控件出来

  2. 第二种方式就是 Gtk/Qt/MFC 这种控件库:原生平台、性能最好,所有的控件都满足,性能最好,坏处是要整高级控件,自绘控件要从头整,生产效率不如 Web 生态

  3. 第三种就是传统 Web 技术,老的程序员估计还记得 JQuery,就是针对 DOM 元素暴力的查询后,魔改 CSS 和 JS 来实现各种牛逼的效果

  4. 第四种就是 React/Vue/Angular 这种技术,通过前后端分离,结合了控件(组件)概念和 CSS 生态,最开始 React/Angular 肯定是鼻祖,但是 Angular 现在基本上退出竞争。React 肯定是技术最先进的,但是 Vue 更接地气,更简单,中文生态非常好。所以,回答你的问题,React 和 Vue 都可以,我以前就是游戏开发者这类程序员,所以,我的概念里,React/Vue 从原理上差不球太多,Vue 更简单,招人也更容易。如果要学习,我建议两种都学,因为本质上差别不大。两种学习好找工作一点,公司用啥,你就用啥

  5. 第五种就是 Flutter 这种,直接通过 Skia 抽象出一种 2D 矢量图库,然后再之上统一控件库。我对 Flutter 或者 React Native 这种技术一直不感冒,我觉得就是玩具。但凡要做商业化程序,一定会遇到 iOS/Android API 不一样的地方,大量写 Workaround 的代码,而且 Flutter 的控件库生态和 Web 差太远了。Google 和苹果反正都要一直竞争,与其 Flutter 夹生憋屈整,还不如界面就用 React/Vue,底层用原生代码写,这也是懒猫微服跨平台框架移动端的技术选择。虽然重,但胜在可控而且迭代速度快呀

好了,最后回答你的问题,图形学要每种都要学,当你有一天能达到游戏程序员的境界,你就会像我这样看前端,前端每天都在无聊的事情整花活,动不动就标题党 Next Framework。

给我一块 Canvas 就够了,一个像素可以画全世界!

喜欢我故事的朋友欢迎点转、收藏、转发

喜欢我们团队的大佬,欢迎购买懒猫微服和懒猫 AI 算力舱,你的支持就是我持续写文章的动力,感谢老板,祝老板发大财!