我对前端技术更新的看法以及未来发展趋势预测

前端开发如何看待“别更新了,学不动了”?Deno、TypeScript 等新轮子层出不穷,未来前端重点方向在哪?前端开发在大前端浪潮下如何持续学习、成长?

SpriteJS 3.0 的特性和规划

SpriteJS 是由 360 奇舞团开源的跨平台高性能图形系统,它能够支持 web、node、桌面应用和小程序的图形绘制和实现各种动画效果,不久前刚发布了 3.0 版本。与 SpriteJS 2.0 相比,SpriteJS 3.0 是真正优先使用 WebGL2 和 WebGL 进行渲染的跨平台图形系统。3.0 版本针对可视化的 2D 渲染做了专门的优化,能够自动合并大量的元素进行渲染,从而大大提升渲染效率。与 2.0 相比,3.0 是更加纯粹的渲染引擎,弱化了 2.0 提供的文字排版、Flex 布局等功能,专注于提升图形渲染的性能。

SpriteJS 3.0 同样保持了对 DOM API 极高的相似度,因此对 d3.js 这样数据驱动文档的可视化工具非常友好,而在图形渲染方面,由于 3.0 使用 GPU 渲染并针对可视化做了大量优化,使得它的渲染性能要大大超过了 2.0,在极端情况下达到十倍甚至百倍的提升。在渲染大量元素的时候,3.0 基本上可以在普通的 PC 电脑上处理画布上数以百万计的元素节点,轻松实现酷炫的粒子动画视觉效果。

此外,SpriteJS 3.0 在现代浏览器中支持 Offscreen Canvas 和 WebWorker,能够在 Worker 线程中渲染,不会阻塞主线程而影响用户交互。

SpriteJS 3.0 通过扩展支持真正 3D 渲染,3D 扩展的底层是基于轻量级的 Ogl 框架,使用上简洁高效,性能优良。整体功能上虽然不如 ThreeJS 这样的老牌库,但胜在 API 设计更简单,尤其是配合 d3.js 使用,非常的方便,所以适合于大多数可视化开发的 3D 渲染场景。

在未来,SpriteJS 会考虑进一步压榨渲染性能,比如使用 Web Assembly 重写矩阵运算库,让底层运算的性能进一步提升,改良一些渲染的算法,在内存方面尽量直接映射数据并操作 ArrayBuffer,以节约内存。在应用方面,考虑实现 Vue 3 的 runtime,直接支持 Vue 3 的应用。在 3D 方面,减少与 ThreeJS、BabylonJS 的能力上的差距,让 3D 渲染能力变得更强大。

如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,
可以随时来咨询我,或者缺少系统学习资料的,我做这行年头比较久,
自认为还是比较有经验的,可以帮助大家提出建设性建议,603985993这是我的web前端交流qun,
有任何问题可以随时来咨询我。

如何看待 Deno、TS 和未来的前端重点方向?

最近几年流行的编程语言很多都号称是 JavaScript 的替代语言,比如 TypeScript。前端三大框架现在也基本都增加了对 TypeScript 的支持,这背后的本质原因是什么?

我认为,近几年 JavaScript 的语言标准发展很快,这背后依托的依然是 Web 应用领域的高速发展,JavaScript 是 Web 领域事实上的“原生语言”和技术标准,很多编程语言都是 JS 的衍生语言。在他看来,TypeScript 是一个很优秀的编程语言,其静态类型对一些规模较大的项目提高代码的可维护性很有帮助,因此现在写 TS 的开发者越来越多,三大框架增加对其支持是顺其自然的事。

奇舞团很多项目也有采用 TS,内部也鼓励大家尝试和使用 TS 技术。SpriteJS 也提供了 TypeScript 的 typings,方便 TS 开发者使用。

近期,Deno 也发布了正式的 1.0 版本。我认为它是一个很好的 Runtime,在 Node.js 之后走了另外一条道路,规避了 Node.js 设计上的不足之处。我认为未来 Deno 不见得会取代 Node,很有可能出现一种两者并存共同发展的态势。但是 Deno 的设计本身就是建立在对 Node 的思考和改进之上的,所以学习它,对于理解 Node.js 的精髓也非常有帮助。他表示个人对 Deno 的接触不多,但是有机会会去深入地学习和使用它。

有趣的是,日前 Deno 官方公布的一份文档指出,出于对当前环境的实际考虑,Deno 将停止在内部代码中继续使用 TypeScript。文档中提到的问题涉及 TypeScript 编译时间、结构以及代码组织方式等。未来,Deno 项目将使用纯 JavaScript 编写内部代码。

Deno 将停止使用 TypeScript,并公布五项具体理由

表示自己这两年的主要精力放在可视化领域,主要是可视化渲染方面,我认为可视化是值得前端工程师重视的一个领域。随着 Web 技术的发展,视觉特别是 WebGL/GPU 相关的应用场景会越来越丰富,对技术要求也会越来越高。与前端其他大部分技术不同,WebGL 的上手门槛比较高,需要对数学、图形学有比较扎实的基础,而图形学和视觉呈现技术本身的天花板非常高,未来这块一定会有非常大的发展空间。

AI 以及 VR/AR 也是未来前端的发展方向,对于 VR/AR,主流浏览器也开始支持 webXR 技术,应当予以关注,而且无论 AI 还是 XR 这些领域,其实也和 GPU 息息相关,所以它们和可视化技术也是有关联的。

跨端技术,从 RN 到 Flutter,经过了很多的发展,但是还远未成熟,而跨端本来就有很多应用场景,未来依然有很大的成长空间。PC 端的 Electron 也不容忽视,作为跨平台应用开发,它是一个非常好用的工具。

Web Assembly、JS Binding,一些跨界交叉的领域往往有些前沿的东西,同样值得前端开发者关注。

别更新了,学不动了?

曾经有位前端技术专家表示,“前端十八个月难度翻一番”,此言道出了前端领域更新换代之快背后的前端开发血泪史。也因此,“别更新了,学不动了”这句话成为了不少前端开发玩梗的口头禅。

我个人属于技术发展的越多越快越兴奋的类型。我喜欢研究技术,尝试新东西,不怕学习,更没有学不动这种感觉。

我一直觉得,如果一个行业的新东西层出不穷,说明这个行业一直在高速发展,这本身对于从业者来说是一个非常好的事情,因为这说明这个行业中有更多的机会和成长空间。
对于一些前端开发的担忧,我也能够理解。我认为,如果你 不盲目 地去追求所谓的“时髦”技术,不去刻意担心自己是否落伍,而是去多观察这个行业,找到技术发展内在的规律和脉络,那么你就知道该如何前进,不会有任何恐慌。

在任何一个领域或方向,知识体系都可以大体上分为基础知识和领域知识,而领域知识又可以分为通用领域知识和专用领域知识。二者的变化是不一样的,基础知识的变化最慢,其次是通用领域知识,然后是专用领域知识。

用可视化这个方向来举例,基础知识是数学和图形学知识,比如向量、矩阵运算、三角剖分这些知识属于基础知识,它们基本上不会随着时间发生很大变化。JavaScript、WebGL 这种属于通用领域知识,它们会改变,会慢慢发展,比如从 WebGL1.0 发展到 WebGL2.0,从 ES2019 发展到 ES2020,但不会变化、发展得那么快。而类似 ThreeJS、BabylonJS、SpriteJS、d3.js,这些属于专用领域知识,很有可能一个大版本升级,就会有很大的变化。

学习这些知识,也是有不同的方法的。一般来说,如果是基础知识,随便什么时候都可以学,而且越早学习越好。基础知识就像是你的内功,学好它们,融会贯通之后,学习其他的知识都是事半功倍的。如果是通用的领域知识,一旦你下决心从事这个领域,也是能够尽早学习它比较好,不过由于这些知识是领域相关的,如果能一边学习,一边通过实践来打磨,就会掌握得更快。专用领域知识,不一定要很早去学,有一个技巧是,当你用到的时候再去学习它们。如果你没有用到,你可以知道有这门技术,能做什么就行了,不用花大量时间和精力去钻研它们。

有些同学觉得技术更新太快,学不过来,通常是被这些专用领域知识给“迷惑”了。比如大家都说前端工程化里的代码打包很重要,于是今天学习了 webpack,明天又去学习 rollup,而实际上这种专用领域知识,只需要知道它们能做什么,在用到的时候再去详细学习就好了。

给前端开发的一些真诚建议

我作为前端领域的多年从业者,技术管理者,也为 读者朋友给出了自己的经验总结和真诚建议。

首先,确定你自己真正喜欢和热爱前端开发这门职业。大多数同学成为前端工程师,内心是真正喜欢这个职业的。但是,之前也听到过有同学,因为觉得在程序员中前端比较“简单”,或者觉得自己数学或算法基础不好,做前端对这些要求不高,再或者就是觉得前端工程师算是份体面的职业,所以选择它,内心中并没有真正热爱这个职业。如果你心中没有真正热爱前端,仅仅把它当做一份谋生的工作的话,那么你可能在这个职业道路上走不了多远,也无法达到很高的高度。所以如果有这种情况,你需要反思一下自己是否真的适合前端开发这个职业。

如果你确实热爱这份职业,考虑长远的发展,最好选择一个好的平台,一个技术氛围好的团队,一份节奏合适的工作,这里的节奏合适指的是忙闲交替,既不会长时间持续特别忙,又不会特别闲。在这样的节奏下,项目积累再加上自己的学习沉淀,可以比较快速地成长,而技术氛围好的团队,可以让自己的学习沉淀速度更快。

要在专业上达到一定的高度,每个人的情况是不一样的,要根据自己的情况来规划。不过有一些共通点,一般来说,自我的成长需要能够找到并突破前端领域的“边界”,这个边界可以是某个有深度的领域,深入到其中的技术前沿,也可以是某个交叉领域比如与服务端的交界,与移动客户端的交界等等,在这些边界上做出突破,就可以步入前端专家的行列。

前端专家除了技术能力,也需要打造自己的个人影响力,锻炼自己的领导力,要让自己心态开放、眼界开阔,不排斥新技术,拥抱开源,多参与社区,这样的话,在职业之路上就可以到达一个比较高的高度。

最后,希望各位都能成为优秀的前端专家,让我们一起将前端行业变得更好。

我对前端技术更新的看法以及未来发展趋势预测相关推荐

  1. java发展趋势看法_我对前端技术更新的看法以及未来发展趋势预测

    前端开发如何看待"别更新了,学不动了"?Deno.TypeScript 等新轮子层出不穷,未来前端重点方向在哪?前端开发在大前端浪潮下如何持续学习.成长? SpriteJS 3.0 ...

  2. 前端技术的趋势和最新的发展

    前端技术正在经历着快速的发展和变革,越来越多的人意识到前端不仅仅是网页设计和制作,而是一个充满了挑战和创新的领域.在此篇博客中,我们将探讨一些前端技术的趋势和最新的发展. 移动设备优先 随着越来越多的 ...

  3. web前端培训班多少钱-web行业未来发展如何

    web前端培训班多少钱-web行业未来发展如何 相信现在众多想要学习Java的学员中,多数是以顺利就业为目的的,那么,我们就不得不考虑一个问题:Java现在的就业前景怎么样?这个问题,我们要从以下几个 ...

  4. 手机已经代替钱包?移动支付技术的应用趋势及未来发展

    移动支付已经成为了我们日常生活中不可或缺的一部分,无论是支付宝.微信支付.还是Apple Pay,这些移动支付工具已经取代了传统的纸币和硬币,成为了现代化支付的代表.移动支付技术的应用不仅仅是方便了我 ...

  5. 智能合约在区块链溯源技术中的应用及未来发展:提升企业运营效率

    作者:禅与计算机程序设计艺术 智能合约在区块链溯源技术中的应用及未来发展:提升企业运营效率 引言 随着互联网.物联网.区块链等技术的快速发展,企业运营效率也逐渐有了很大的提高.特别是在区块链技术的作用 ...

  6. vr虚拟现实技术的前景!对未来发展带来有利的趋势吗?

    科技的进步,人类的生活水平随之提高,因为科技智能时代的到来,我们才可以更加便利的生活,感受智能科技的力量,例如我们因为有vr虚拟现实技术才有了现在的3D影院,感受视觉的冲击带来身临其境的感觉,还有导航 ...

  7. (转)从CPU架构和技术的演变看GPU未来发展

    泡泡网显卡频道5月28日 自从AMD提出Fusion(融聚)的概念.NVIDIA加大力度推广GPU通用计算.Intel率先将CPU和GPU整合在一起之后,大家就会发现CPU和GPU从没如此亲密无间过, ...

  8. 语音识别技术的研究难点以及未来发展方向

    (文章来源:钛媒体) 目前,语音识别研究工作进展缓慢,困难具体表现在: (1)输入无法标准统一,比如各地方言的差异,每个人独有的发音习惯等,如下图所示,口腔中元音随着舌头部位的不同可以发出多种音调,如 ...

  9. 计算机编程技术的历史变迁以及未来发展

    技术在更迭,科技在变化.20 年前,或许只是处于概念型的技术,如今早已深入落地我们的日常生活中.随着大数据和AI人工智能时代的到来,计算机专业成为了最热门的专业之一,越来越多的孩子从小开始接触和学习计 ...

最新文章

  1. qs.parse()、qs.stringify()使用方法
  2. python 计量_距离度量以及python实现(二)
  3. BootStrap 杂记
  4. HDU2277_变色球
  5. IIS 崩溃的后的感受
  6. python集合数据结构_Python数据结构-集合
  7. python内存回收垃圾有哪些_[Python之路] 内存管理垃圾回收
  8. 配置iscsi服务器_在Windows Server 2016上安装和配置iSCSI目标服务器
  9. [.NET] 在Windows系统中搭建基于.NET的iPhone应用程序虚机开发环境
  10. Mysql修改数据库密码的几种方法
  11. python基础 函数
  12. python函数知识七 闭包、装饰器一(入门)、装饰器二(进阶)
  13. 点石成金:访客至上的网页设计秘笈pdf
  14. 2021全网最全Activiti7教程04(Activiti7整合篇-欢迎收藏)
  15. TensorFlow 系列案例(2):自然语言处理-TensorFlow + Word2Vec
  16. 《倾城·魅影——CG奇幻插画及技法赏析》—神咒
  17. win7 台式电脑怎么调节屏幕亮度
  18. 劳资蜀道山!6个高质量免费电子书网站!我看谁还不知道
  19. Pycharm debug崩溃、长时间不响应 解决
  20. Azure China (11) 使用Azure China Storage Public Blob

热门文章

  1. php 获取季度起始日期,php获取昨天、今天、上周、本周、上月、本月、上季度、本季度、今年的起始时间...
  2. 深入理解 MySQL ——锁、事务与并发控制 1
  3. iOS开发UI篇—核心动画(UIView封装动画)
  4. 页面中php传值后循环列表js获取点击的id
  5. 智能家居产品持续发烧 增值应用功能多样化发展
  6. IEEE 802.1x 硬件参加的过程
  7. 深入剖析Redis事件驱动
  8. 创建sdcard.img时,提示permission dennid
  9. SecureCRT用证书方式登录
  10. 移动应用占美国人移动设备使用时长80%